1.vue优点
数据驱动、组件系统
轻量、简单易学、
组件化、双向数据绑定、视图数据结构相分离
虚拟dom
2.父子间传值
父向子 prop 子向父emit
父provide 子inject
3v-show v-if
相同点 控制数据的显示隐藏
不同点
v-show display:none 只会编译一次
v-if动态向dom树添加在dom树中 ***初始值为dom 不回渲染
4vue单向数据流
父组件的变量，子组件不能直接修改它
5组件之间的传值
父通过绑定变量 子组件通过props接受
子通过emit 触发自定义函数 父通过自定义函数调取参数
兄弟间 eventBus 通过创建中间变量 $emit $on 项目小比较适合
6 路由跳转
声明试 router-link
编程式 js跳转 this.$router.go() this.$router.push({path:"',name:''})
7vuex 属性
state getters mutation action module
8生命周期
beforeCreat 创建前 无el 无fn data
created 创建完成 无el 有fn data 创建了实例和对象
beforeMount 挂载前 $el 与data 都已经初始化了 但是现在的$el 还是放在虚拟dom中
mounted挂载完成 已经渲染$el ***实例渲染完成 $el已经挂载
beforeUpdate updated 更新前 /更新完成
destory 销毁
9v-for v-if 为什么避免同时使用？
v-for 比v-if 优先级要高 ->同时的话 ，会只检查一次
10.v-model 原理
通过Object.defineProperty来劫持数据的getter setter 监听其变化 发布给订阅者
11.计算属性的缓存和方法运用
相同名字的方法和计算属性有什么区别？
1.计算属性缓存基于其依赖 依赖变化才会变化
2.方法 触发重新渲染时 方法会再次执行
遍历大量数组做计算时，计算属性性能较好 。 不用再次重复计算 ， 除非你不想要“缓存”。
12.事件流
用户与浏览器页面的交互
事件捕获 目标 事件冒泡
阻止默认事件 event.preventDefault() @click.prevent
阻止冒泡 event.stopPropagetion() @click.stop
当前绑定事件的元素 ev.currentTarget();
当前点击的元素 ev.target();
13
vue-router与location.href区别
location.href 跳转页面
