Vue.js最佳实践

（1）组件中data

data必须是一个函数返回一个对象
为什么？

---

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

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

---

（4）v-for加上key

image.png

为什么要加上key?

---

（7）响应式原理

image.png

（8）v-if与v-for

image.png

（9）

image.png

（9）watch一个新增属性的对象

使用$set进行属性的新增，watch才可以监听到

• watch计算属性

（10）用props传入的值赋给data,如果props的值改变，不会修改props赋值的data

（11）

v-model可以绑定计算属性的值吗？还是必须绑定data的值

（12）

过滤器不能与v-model共用

(13)

计算属性不需要调用也会根据依赖的数据进行变化，可以使用watch这个计算属性来拿到

for循环中return 没用？？？ （使用break）

（14）子组件$emit数据到父组件

如果在父组件上绑定的函数中还想传参，可以在这个绑定的函数外再包裹一层函数

image.png