Open sleepyShen1989 opened 1 year ago
:class="{'active': isActive, 'title': true}"
:class="['abc', isActive, 三元运算符, 嵌套对象语法]"
:style="{color: 'red', fontSize: size + 'px'}"
:style="[styleObj,style2Obj]"
<div :[name]="value"></div>
{ name: 'a', value: 'b' }
<div v-bind="info"></div>
{ info: { name:'a', age: 18 } }
<div v-on="{ click: btnClick, mousemove: mouseMove }"></div>
<div @click="btnClick($event, 'abc')"></div>
v-bind
:class="{'active': isActive, 'title': true}"（可以省略单引号,key值不加单引号也不会用到data上的值）:class="['abc', isActive, 三元运算符, 嵌套对象语法]"（不加单引号会取data上的值）:style="{color: 'red', fontSize: size + 'px'}"（值不加单引号会去data中查找，key驼峰短横线都可，短横线必须要加单引号）:style="[styleObj,style2Obj]"<div :[name]="value"></div>对应data{ name: 'a', value: 'b' }<div v-bind="info"></div>对应data{ info: { name:'a', age: 18 } }v-on
<div v-on="{ click: btnClick, mousemove: mouseMove }"></div><div @click="btnClick($event, 'abc')"></div>v-show