125

vue 动态绑定类名的几种方法

单个判断推荐 1，两个条件动态切换推荐 5，多个推荐 4 (1) 我们可以传给 v-bind:class 一个对象，以动态地切换 class 根据 isActive 的 true,false 变 化，动态绑定单个 class

(2) 在对象中传入更多属性来动态切换多个 class。此外，v-bind:class 指令也可以与普通的 class

属性共存。

根据 classObject 里面的 active 和 text-danger 的变化，动态绑定多个 class

(3) 计算属性的方式绑定 class 根据计算属性的判断动态绑定多个 class

(4)数组的方式绑定 class 如果你想动态绑定多个 class，可以用一个数组

访问根实例

在每个 new Vue 实例的子组件中，其根实例可以通过 $root property 进行访问。

访问父级组件实例

和 $root 类似，$parent property 可以用来从一个子组件访问父组件的实例。它提供了一种机会，可以在后期随时触达父级组件，以替代将数据以 prop 的方式传入子组件的方式。

默认 Vue 在初始化数据时，会给 data 中的属性使用 Object.defineProperty 重新定义所有属性。当页面取到对应属性时，会进行依赖收集（收集当前组件的watcher） 如果属性发生变化会通知相关依赖进行更新操作。