vue 使用心得---工作中一些关键点

1、自定义组件 使用 v-for 循环，最好另外多加上 v-bind:key="items_name",这是特殊用的:key,而不是普通的 :属性

例：<Uiroom> 循环 v-bind="items" 是普通传入一个对象，v-bind:key 循环特殊键值

< Uiroom

v-for="items in Roomsmsg"

v-bind:key="items"

v-bind="items"

@click.native="OnUiRoomClick(items.name)"

></ Uiroom>

 

data () {

　　return {

　　　　　　pagetitle: '总览信息',

　　　　　　Roomsmsg: [

　　　　　　　　{

　　　　　　　　　　name: '1001'

　　　　　　　　},

　　　　　　　　{

　　　　　　　　　　name: '1002'

　　　　　　　　},

　　　　　　　　{

　　　　　　　　　　name: '1003'

　　　　　　　　}

　　　　　　]

　　　　}

},

 

 

2、为了简单通用的点击事件，可以将组件绑定到根元素原生DOM事件，加  .native。   例如  @click.native