7.5.1.为v-for设置键值 总是用 key 配合 v-for。如果循环的象需要执行事件方法，使用index 传参，避免使用对象 ``` <ul> <li v-for="(todo,index) in todos" :key="todo.id" @click=”handleClick(index)”> {{ todo.text }} </li> </ul> ``` 7.5.2.不要把 v-if 和 v-for 同时用在同一个元素上 ``` <!--反例--> <ul> <li v-for="user in users" v-if="user.isActive" :key="user.id"> </li> </ul> <!--正例--> <ul> <li v-for="user in activeUsers" :key="user.id"> </li> </ul> computed: { activeUsers: function () { return this.users.filter(function (user) { return user.isActive }) } } ``` 7.5.3.私有属性名 使用模块作用域保持不允许外部访问的函数的私有性。不考虑作为对外公共 API 的自定义私有属性使用 $_ 前缀。 ``` var myGreatMixin = { // ... methods: { $_myGreatMixin_update: function () { // ... } } } // 提取私有方法 var myGreatMixin = { // ... methods: { publicMethod() { // ... myPrivateFunction() } } } function myPrivateFunction() { // ... } export default myGreatMixin ```