vue学习

Vue 2.x 利用 Object.defineProperty()，并且把内部解耦为 Observer, Dep, 并使用 Watcher 相连 Vue 在 3.x 版本之后改用 Proxy 进行实

Vue3.0新特性 一、为什么要从Vue2-Vue3 Vue2.x 中所有数据都是定义在data中，方法定义在methods中的，并且使用this来调用对应的数据和方法。 当我们业务复杂了就会大量出现

Vue-Router 面试题汇总 1. 怎么重定向页面 第一种： 第二种： 第三种： 2. 怎么配置404页面 3. 路由两种模式的区别 hash: 兼容所有浏览器，包括不支持 HTML5 Histo

一、props/$emit 父组件通过props，向子组件传递数据，子组件通过$emit向父组件通信。 1. 父组件向子组件传值 示例： 单向数据流 单向数据流是父子组件的核心概念，props是单向绑

Vue slot插槽的使用 Slot 通俗的理解就是“占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中slot位置） 一、内容插槽 举例： 定义两个

vue3中reactive与ref的区别 一、reactive 定义 所以： reactive接受一个对象作为参数 其返回值是经reactive函数包装过后的数据对象，这个对象具有响应式 reacti

vue面试题 给组件绑定自定义事件无效怎么解决？ 加上修饰词.native。 在Vue事件中是如何使用event对象的？ @click="handleOpen" 默认第一个参数传入event对象; @

Vue生命周期 对vue生命周期的理解？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为

vue项目性能优化 一、代码层优化 1. v-if和v-show使用场景 v-if是通过控制dom节点的存在与否来控制元素的显隐； v-show不管初始条件是什么，元素总是会被渲染，并且是通过设置DO

HMR模块热更新 HMR作为一个 Webpack 内置的功能，可以通过 HotModuleReplacementPlugin 或 --hot 开启。 本次输出的 Hash 值会被作为下次热更新的标识。

vue项目性能优化 一、代码层优化 1. v-if和v-show使用场景 v-if是通过控制dom节点的存在与否来控制元素的显隐； v-show不管初始条件是什么，元素总是会被渲染，并且是通过设置DO

1. 原理 vue的双向数据绑定主要是通过Object对象的defineProperty属性，重写data的set和get函数来实现。 vue是采用数据劫持结合发布者-订阅者模式的方式，通过Objec

patchVnode、Vnode请看这篇。 示例 那么它的vnode也就是虚拟dom节点大概是： 假设更新以后，我们把子节点的顺序调换了一下： children部分是diff算法的重点。 首先响应式数