Vue.js最佳实践

（1）组件中data

data必须是一个函数返回一个对象

---

（2）每个组件一定要有一个div盒子包裹

react中可使用fragment来代替包裹标签

image.png

---

（3）vue2.x版本取消了所有的过滤器

---

（4）v-for加上key

image.png

---

（5）紧密耦合的父子组件

和父组件紧密耦合的子组件应该以父组件名作为前缀命名

---

image.png

---

（6）简单的计算属性

应该把复杂计算属性分割为尽可能多的更简单的属性

image.png

（7）响应式原理

image.png

（8）v-if与v-for

image.png