Vue/2/3重点总结—理论篇
一、Vue哪里好？ 我认为一个好的框架首先有以下几点必要的特点 简单易学，文档完善，Api清晰易懂，容易上手 不会给程序员的开发过程带来很大的心智负担 社区完善，长期维护，有完整的生态系统 对业务逻辑及数据的关注度优先于框架本身的使用 低学习成本和使用成本 我认为，前端的发展思路永远是：在保证性能的基础上，...
Vue3.x 与 Vue2.x 插槽区别
1、基本用法 基本用法基本是相同的，没有什么改动，vue3和vue2都可以这样用 2、具名插槽 具名插槽两者用法有稍微不同，Vue3使用v-slot:[name]（缩写#[name]），而Vue2用的是slot="name" vue3写法 vue2写法 这里有两点需要注意 vue3在父组件中使用具名插槽使用v-slot，而vue2使用slot vue3必须把v-slot写在template标...
Vue3.x重点知识总结—基础篇(一)
1. Vue3.0升级了哪些重要的功能？ createApp：创建vue实例的⽅式 emits属性，组件中的事件要先使⽤emits进⾏声明，然后在setup的形参引⼊ ⽣命周期 多事件 fragment：不再限制唯⼀根节点 移除.sync： 异步组件的写法：Vue2 直接import进来，Vue3需要使⽤defineAsyncComponent包裹⼀层 移除filter 新的组件：Fragment(⽚...
Vue3.x重点知识总结—理论篇(Vue3的优势)
一、Vue3相比与Vue2的优势 1. 速度更快、性能更好 1) 基于Proxy的新响应式系统（数据劫持优化） Vue3.0如何实现响应式？ 由原来的Object.defineProperty的getter 和setter，改成了ES6 Proxy 作为其观察机制（准确说是 Proxy 配合 Reflect，Reflect提供了一些操作Object对象的方法），初始化时无需递归遍历数据，初始化效...
谈谈我对目前前端框架的认识和看法及其发展
前端框架火了已经有些年头了。像React、Vue、Angular等，都是视图层数据驱动框架。 当然现在最火的两大框架就是React和Vue。而React又出了v16.8版本的Hooks新特性，Vue出了3.x版本。 争论React和Vue哪个更好没有意义。每个框架各有优势，但他们没有本质的区别。 Vue更注重视图的自动同步（双向数据绑定），且封装性更好...
Pinia是Vuex的良好替代品吗？
Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。
Vue重点知识总结—vue-router
1.vue-router导航守卫（生命周期钩子） 导航守卫主要⽤来对路由的跳转进⾏监控，控制它的跳转或取消，路由守卫有全局的, 单个路由独享的, 或者组件级的。 导航钩⼦有3个参数 to：即将要进⼊的⽬标路由对象； from：当前导航即将要离开的路由对象； next：调⽤该⽅法后，才能进⼊下⼀个钩⼦函数（afterEach）。 具体有...
Vue重点知识总结—原理篇
一、响应式数据原理 什么是双向数据绑定：Vue将视图层与数据层做了一个双向的数据同步。甚至是组件之间也可以通过v-model方式进行数据绑定。最大的作用是方便。更效率的实现业务。 vue 实现数据双向绑定主要是：采用数据劫持结合发布-订阅者模式的方式，通过 Object.defineProperty() 来劫持data中对象的各个属性的 sett...
Vue重点知识总结—Vuex篇
1.vuex是什么？怎么使用？哪种功能场景使用它？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是：应用遇到多个组件共享状态时，使用vuex。 文档：https://vuex.vuejs.org/zh/ 场景：多个组件共享数据或者...
Vue重点知识总结—性能篇
1.vue性能优化 1.编码优化（代码层面） 不要将所有数据都放到data中，因为data中数据会遍历添加getter和setter，会收集对应的watcher 若在方法或计算属性中不对组件数据进行修改，最好在刚开始时就将数据赋值给变量，之后使用直接使用变量效率较高（let {user,list} = this）。 在v-for时需要给每项元素绑定事件时用外...