以下是优化 Vue3 异步加载模块并避免 Vite 打包生成过大 JS 文件的关键方法:
使用 defineAsyncComponent 定义异步组件
Vue3 提供 defineAsyncComponent 方...
VUE
Vue (vue-router)路由传参
在 Vue.js 应用中,使用 Vue Router 进行路由管理时,常常需要在不同的路由之间传递参数。Vue Router 提供了几种方式来实现路由传参,包括通过 URL 路径参数...
Vue/2/3重点总结—理论篇
一、Vue哪里好?
我认为一个好的框架首先有以下几点必要的特点
简单易学,文档完善,Api清晰易懂,容易上手
不会给程序员的开发过程带来很大的心智负担
社区...
Vue3.x 与 Vue2.x 插槽区别
1、基本用法
基本用法基本是相同的,没有什么改动,vue3和vue2都可以这样用
2、具名插槽
具名插槽两者用法有稍微不同,Vue3使用v-slot:[name](缩写#[name]...
Vue3.x重点知识总结—基础篇(一)
1. Vue3.0升级了哪些重要的功能?
createApp:创建vue实例的⽅式
emits属性,组件中的事件要先使⽤emits进⾏声明,然后在setup的形参引⼊
⽣命周期
多事件
f...
Vue3.x重点知识总结—理论篇(Vue3的优势)
一、Vue3相比与Vue2的优势
1. 速度更快、性能更好
1) 基于Proxy的新响应式系统(数据劫持优化)
Vue3.0如何实现响应式?
由原来的Object.defineProperty的get...
谈谈我对目前前端框架的认识和看法及其发展
前端框架火了已经有些年头了。像React、Vue、Angular等,都是视图层数据驱动框架。
当然现在最火的两大框架就是React和Vue。而React又出了v16.8版本的Hooks新...
Pinia是Vuex的良好替代品吗?
Pinia 是 Vue.js 的轻量级状态管理库,最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。
Vue重点知识总结—vue-router
1.vue-router导航守卫(生命周期钩子)
导航守卫主要⽤来对路由的跳转进⾏监控,控制它的跳转或取消,路由守卫有全局的, 单个路由独享的, 或者组件级的。
导...
Vue重点知识总结—原理篇
一、响应式数据原理
什么是双向数据绑定:Vue将视图层与数据层做了一个双向的数据同步。甚至是组件之间也可以通过v-model方式进行数据绑定。最大的作用是方便...
Vue重点知识总结—Vuex篇
1.vuex是什么?怎么使用?哪种功能场景使用它?
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式管理应用的所有组件的状态,并以相应的规...
Vue重点知识总结—性能篇
1.vue性能优化
1.编码优化(代码层面)
不要将所有数据都放到data中,因为data中数据会遍历添加getter和setter,会收集对应的watcher
若在方法或计算属性中...
Vue重点知识总结—理论篇(二)
作为前端开发中现行最火的框架之一,基于此,总结了一些 Vue 方面经常出现的问题,留给自己查看消化,也分享给有需要的小伙伴。
由于篇幅较长,不能将所有知...
Vue重点知识总结—理论篇(一)
作为前端开发中现行最火的框架之一,Vue 在面试中出现的频率不断增加。基于此,总结了一些 Vue 方面经常出现的面试题,留给自己查看消化,也分享给有需要的小...
