我的Vue.js的学习之旅记录(4)

1、v-for表达式中推荐使用’item of list’形式
2、每个item使用:key时，它的值不推荐使用item的索引作为唯一值，而是推荐使用从后台返回的唯一值，即id，这样可以提高性能。
3、vue中，直接改变数组下标，数据已更新，但是不会被渲染到页面上，可以用push、pop/shift、unshift/splice/sort/reverse修改数组内容来实现页面的更新，或者修改数组对象的引用。
4、使用template来包裹多个列表，该标签不会被渲染到页面上。

---

有三种方式实现可以数据变化页面也变化
1、直接改变数组或对象的引用；
2、使用数组的变异方法；（针对数组）
3、使用Vue.set()或 vm.$set()方法；

数组添加数据实现双向绑定：

Vue.set(app.arr,index,value);
app.$set(app.arr,index,value);

---

1、is属性：解决标签规范造成的bug（如table、ul、select内）
2、非根组件中data必须是函数，返回一个对象（为了保证每一个子组件数据的唯一性，避免多个子组件数据共享）
3、操作dom：通过在标签上加ref属性，可通过this.$refs.xxx取得该dom节点，如果是在组件上添加了ref属性，则取得的是该组件的引用

---

Vue单向数据流：
父组件可以向子组件随意传递数据
子组件不能修改父组件传递过来的数据
解决方法：在子组件自己的data中定义一个变量，把传递过来的数据赋值给变量，然后在差值表达式和方法中都使用这个变量
目的：避免像使用父组件的数据时，其中一个子组件改变了父组件的数据，但是其他子组件还要使用原来的父组件数据的情况

【emmm 由于我觉得记录这个跟看vue的官网差不多所以不打算更新基础知识内容了，我们过几天再见叭····＼(＾∀＾)メ(＾∀＾)ノ。】