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 的方式传入子组件的方式。