vue 组件

组件

编辑组件a

引入组件

添加组件

<ul>
  <li v-for="(item,index) in list" :class="{odd:index % 2}" >{{item.name}} - {{item.price}} - {{index}}</li>
</ul>
  <button v-on:click='addItem'>add</button>


addItem  () {
  // 这种方法不会更新list
  // this.list[1] = {name:'dog'}
  // 不更新包括concat,filter slice方法
  // 以及改变数组长度或者赋值某项
  // 这种方法可以更新
  Vue.set(this.list,1,{name:'dog'})
}

动态组件

  <p :is="comRander"></p>

  comRander:'component-a',

动态改变comRander的值加载不同组件。