一、v-for，key

  1. <div id="app">
  2.     <p v-for="(item,index) of arr" :key="item.id"><input type="checkbox" >{{item.name}}{{index}}</p>
  3. </div>
  4. <script>
  5.     var vm = new Vue({
  6.         el:"#app",
  7.         data(){
  8.             return{
  9.                 arr:[
  10.                     {id:001,name:"华为"},
  11.                     {id:002,name:"小米"},
  12.                     {id:003,name:"苹果"}
  13.                 ]
  14.             }
  15.         }
  16.     })
  17. </script>
  • key是为了给DOM元素一个唯一的标识符。key的值也应该是唯一的。
  • key属性只能使用number/string
  • 作用:能保持数据的唯一性,让data中的数据和页面中的数据强制关联起来。

二、v-bind =>简写 ：

动态地绑定一个或多个特性，或一个组件 prop 到表达式。

  1. <img v-bind:src="imageSrc">
  2.   简写为<img :src="imageSrc">

三、v-model =>限制表单

  • v-model可以实现双向数据绑定 =>限制在、