那些年一起追过的题

多个组件通过同一个挂载点进行组件的切换 is的值是哪个组件的名称，页面就显示哪个组件多个组件通过同一个挂载点进行组件的切换 is的值是哪个组件的名称，页面就显示哪个组件

使用vue-router通过跳转链接带参数传参 使用本地缓存localstorage 使用vuex状态管理传值

核心： 两个相同的组件产生类似的Dom结构，不同的组件产生不同的DOM结构 同一层级的一组节点，通过唯一标识来区分 当页面数据发生变化的时候，diff算法只会比较同一层级的节点 节点类型不同——直接干

场景：不同的组件经常会用到相同或是相似的代码，就可以通过mixin功能抽离公共的业务逻辑 原理：类似“对象的继承”，当组件初始化的时候，会调用mergeOptions方法进行合并，采用策略模式针对不同

对象层级不要过深，影响性能 不需要响应的数据不要放在data中 v-if和v-show区分使用场景 v-for和v-if不要同时使用 computed和watch要区分使用场景 v-for遍历必须要加

工厂模式 传入参数即可创建实例 单例模式 整个程序有且仅有一个实例 发布订阅模式 双向绑定原理 观察者模式 响应式数据原理 装饰器模式 策略模式 选项的合并策略

this.$parent.show() 子组件使用this.$emit()触发父组件的事件 父组件把方法传入子组件，在子组件里直接调用

钩子函数的种类有：全局守卫、路由守卫、组件守卫 流程： 导航被触发 在失活的组件里调用beforeRouterLeave守卫 调用全局的beforeEach守卫 在重用的组件调用beforeRoute

虚拟DOM本质上是用一个原生的js对象去描述一个Dom节点，是对真实的Dom的一层抽象 优点： 保证性能下限 无需手动操作 可以跨平台 缺点： 无法进行极致的优化 首次渲染会比较慢

数据总是从父组件传到子组件，子组件没有权利修改父组件传递过来的数据，只能请求父组件对原数据进行修改。 防止子组件意外改变父组件的状态，导致应用的数据流向难以理解

v-once 只渲染一次 v-cloak 解决初始化页面闪动的问题 v-bind 绑定属性 v-on 监听事件 v-html v-for v-if/v-else-if/v-else v-model v

key是每一个虚拟节点唯一的标识 也是diff的一种优化策略，可以根据key，更准确，更高效地找到对应的虚拟节点

vue框架中的状态管理 state 数据存放地，响应式的，需要通过mapState把全局的state和getters映射到当前组件的computed计算属性中 getter 可以对state进行计算操

分为全局过滤器和局部过滤器 当有命名冲突的时候，以局部过滤器为主，一般用来格式化数据或展示文本的某种需求

compute watch 计算属性 监视器 不需要在data中定义，而且必须有return 需要在data中定义，每次只可以对一个变量进行监控 不可以异步 可以异步 有缓存 无缓存

通过props 通过$emit()触发自定义事件 使用ref this.$refs.a EventBus 事件总线 $parent和$root/$children attrs和listeners pr

后面增加的数据属性，并没有经过Object.defineProperty设置成响应式数据 Vue.set() this.$set() Object.assign() $forceUpdate()

加载渲染 父beforeCreate-父created-父beforeMount-子beforeCreate-子created-子beforeMount-子mounted-父mounted 子更新 父

beforeCreate 数据还没有初始化 created data和methods初始化好了，加loadding事件、数据请求 beforeMount 模板以及编译好，没有挂载 mounted 模板

vue的obsever对数组做了单独处理 对数组的方法进行编译，并赋值给数组的__proto__属性上 编译方法会对数组的增加索引的方法（push,unshift,splice）等进行手动的obsev