鍍金池/ 問(wèn)答/HTML/ vue教程Class與Style綁定關(guān)于active沒(méi)有單引號(hào)的疑問(wèn)?

vue教程Class與Style綁定關(guān)于active沒(méi)有單引號(hào)的疑問(wèn)?

HTML代碼

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

JS代碼

    var  vm2=new Vue({
            el:"#app-8",
            data:{
                isActive:true,
                hasError:false
                }
});

這里的v-bind中active是沒(méi)有單引號(hào)的,也就是他不能作為一個(gè)字符串,但是'text-danger'是有單引號(hào)的,這個(gè)跟我們平常的理解差不多就是類似class="text-danger".造成這個(gè)的區(qū)別是什么?
個(gè)人猜想是因?yàn)閍ctive類似一個(gè)偽類?就好像關(guān)鍵字一樣是可以直接用的,但是不知道正不正確.

回答
編輯回答
悶油瓶

這里是的class是一個(gè)對(duì)象,text-danger這個(gè)字符串不能作為一個(gè)對(duì)象的key,所以要加引號(hào),而active是可以作為一個(gè)對(duì)象的key的,所以不用加字符串

2017年12月12日 17:28