Vue知识点

1、class

对象语法

<div v-bind:class="{ active: isActive }"></div>

上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActive 的 truthiness。

你可以在对象中传入更多属性来动态切换多个 class。此外，v-bind:class 指令也可以与普通的 class 属性共存。当有如下模板:

 <div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>

绑定的数据对象不必内联定义在模板里：

<div v-bind :class="classObject"></div>
data: {                                                                                                                                                                                              
          classObject: { active: true, 'text-danger': false }                                                                                                
}

2、在一个标签上v-for和v-if不要在同一标签使用。

3、在使用$ref的时候可以直接在

@click="$refs.handle()"

调用