Vue

第一种：是全局导航钩子 包含router.beforeEach(to,from,next)，router.afterEach(to,from,next)， 全局前置守卫：（作用：跳转前进行判断拦截。）

MVVM 是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和

nextTick是Vue提供的一个全局API,是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick，则可以在回调中获取更新后的DOM； Vue在更新DOM时是异步执行的。只

当一个Vue实例创建时，Vue会遍历data选项的属性，用 Object.defineProperty 将它们转为 getter/setter并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个

新增symbol类型 表示独一无二的值，用来定义独一无二的对象属性名; const/let 都是用来声明变量,不可重复声明，具有块级作用域。存在暂时性死区，也就是不存在变量提升。(const一般用于声

Object.definedProperty的作用是劫持一个对象的属性，劫持属性的getter和setter方法，在对象的属性发生变化时进行特定的操作。而 Proxy劫持的是整个对象。 Proxy会返

作用：实现组件缓存 keep-alive是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。 在vue 2.1.0 版本之后，keep-alive新加入了两个属性: include

$route是“路由信息对象”，包括path，params，hash，query，fullPath，matched，name等路由信息参数。 $router是“路由实例”对象包括了路由的跳转方法，钩子

当它们处于同一节点，都在p标签上，比如： 答：当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中。所以，

watch 属性监听 是一个对象，键是需要观察的属性，值是对应回调函数，主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作,监听属性的变化，需要在数据变化时执行异步或开销较大的操作时使用

每个Vue实例在创建时都会经过一系列的初始化过程，vue的生命周期钩子，就是说在达到某一阶段或条件时去触发的函数，目的就是为了完成一些动作或者事件 create阶段：vue实例被创建 beforeCr

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b32a95cf17594e5c944411f3dfb0cc2d~tplv

created：在创建vue对象时，当html渲染之前就触发；但是注意，只会触发一次 mounted：是挂载vue实例后的钩子函数，钩子在主页挂载时执行一次，如果没有缓存的话，再次回到主页时，此函数还

共同点：都能控制元素的显示和隐藏； 不同点：实现本质方法不同，v-show本质就是通过控制css中的display设置为none，控制隐藏，只会编译一次；v-if是动态的向DOM树内添加或者删除DOM

key的作用主要是为了高效的更新虚拟DOM 保证某个元素的 key 在其同级元素中具有唯一性。在 Diff 算法中 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要