框架学习之 VUE （二） （关键词：diff 算法 模板语法 计算属性）利用实际做b站频道组件的开发过程，深度理解vue

1 diff 算法

2模板语法

总结一下：
1、只有内容部分 可以使用 mustache模板 {{xxxxx}}
2、指令部分 不能使用 {{xxx}} 只能用 v- 开头

以下内容是基本的指令
2-1 v-for 循环渲染元素

2-2 v-html 设置元素的innerHTML 导致元素模板内容失效

2-3 v-on 当…怎么样 注册事件 点击事件 .prevent 可以阻止事件的默认事件
.stop 阻止冒泡事件

2-4 v-bind 绑定动态属性 提供简写 直接就一个冒号

2-5 v-show 控制元素可见度

2-6 v-if v-else-if v-else 可控制元素生成

面试问题 v-show 和 v-if v-else v-else-if 有什么区别 ？
1、本质的区别在于 v-show 即使不显示 元素也是存在的 但是后者不显示的时候不存在 2、如果使用的是频繁切换 需用v-show 因为 不会改变虚拟dom树的结构 这样对真实的dom 树影响最小，利于提高效率 3、v-if 是到某一个条件的时候才生成 虚拟dom 节点 切换不频繁的时候用这个比较合适

2-7 v-module 双向绑定 常用于表单元素 v-bind v-on两个的结合版
两种方式是等价的

2-8 进阶指令 后续再学习

3 特殊属性

4 计算属性

常规情况下 通常使用 计算属性 避免重新计算 影响性能
计算属性 computed 和 方法 fullProp 两个基本用法写法需要关注