Keep_Doing的博客

列表渲染中key值的作用PS：•v-for的时候一定要设置key属性，不然会产生警告。• 如果我们要利用key属性的优点，必须保证同一父元素的所有子元素有不同的key属性。如果key值重复，会报错。当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。当v-for里面没有设置key属性时var arr=[1,2,3

【本文偏向概念上的区分】单向数据流 vs 双向数据流数据流指的是组件之间的数据流动。虽然vue有双向绑定v-model，但是vue父子组件之间数据传递，仍然还是遵循单向数据流的，父组件可以向子组件传递props，但是子组件不能修改父组件传递来的props，子组件只能通过事件通知父组件进行数据更改。优点是所有状态的改变可记录、可跟踪，源头易追溯; 所有数据只有一份，组件数据只有唯一的入口和出口，使得程序更直观更容易理解，有利于应用的可维护性vue支持单向绑定和双向绑定单向绑定：插值形式{{data