标签:数组 语法 new aabb style nbsp rip 绑定 methods
这种写法用的比较少 因为...没必要 多此一举了 【了解即可】
<h2 :class="[‘active‘,‘aabb‘]">Hello World</h2>
这样的话 因为他是直接带了单引号 所以他的代码会是:
<h2 class="active aabb">Hello World</h2>
如果没加单引号 那么会按照一个变量来解析:
<div id="app"> <h2 :class="[active,aabb]">Hello World</h2> </div> <script> const app = new Vue({ el: "#app", data: { active: "none", aabb: "red" } }) </script>
所以 p2的代码就会是:
<h2 class="none red">Hello World</h2>
所以为什么说没必要 因为我是不是可以直接 class = “none red” 何必呢?
还有一种写法:放在方法中返回 ,
<script> const app = new Vue({ el: "#app", data: { active: "none", aabb: "red" }, methods:{ statr:function (){ return [this.aabb]; } } }) </script>
标签:数组 语法 new aabb style nbsp rip 绑定 methods
原文地址:https://www.cnblogs.com/bi-hu/p/14934072.html