1.回顧HTML的class屬性

答：任何一個HTML標簽都能夠具有class屬性，這個屬性可能只有一個值，如class="happs"，也有可能存在多個屬性值，如class="happs good blue"，js的原生DOM針對第二種多個屬性值的使用了偽數組進行引用，即classlist，另外也有一個屬性classname返回一陣個字符串。

因此，Vue可以修改其接管的dom節(jié)點的HTML代碼里面標簽的class屬性，進而達到一些目的，比如修改樣式等。

2.Vue輸入修改class的屬性？

答：使用v-bind指令即可修改class屬性值，如:class="value"。

此外，value也可以是一個數組，如

class="classArr"，classArr=["s1","s2","s3"]

也可以是一個對象

class="classObj"，classObj={"s1":Ture,"s2":Ture,"s3":Ture}

3.Vue修改style內聯樣式？

答：因為style的屬性值是一串鍵值對形式的字符串，所以使用v-bind進行修改屬性時，必須以屬性的形式進行修改，如:style="{fontSzie:100+"px"}" ，而且這里面的鍵不能亂寫，必須是合法的HTML中的style屬性名稱，的小駝峰寫法，比如backgroundColor="xx"。

4.v-show指令？

答：v-show指令用于控制HTML標簽的顯示與隱藏，他的屬性值必須是一個布爾值。

當表達式的值為 true 時，display 屬性被設置為原來的值（比如 block、inline、flex 等），元素顯示出來；當表達式的值為 false 時，display 屬性被設置為 none，元素隱藏起來。

一般用法：<h1 v-show=”true“>。

5.v-if指令？

答：用于控制元素是否出現在DOM樹之中。

6.v-if，v-else-if，v-else指令？

答：與js代碼一致，但是每一行必須連貫，不能中斷，作用就是按照條件選擇指定的元素進行顯示。

7.<template> 偽標簽？？

答：該標簽是Vue指定的偽標簽，用于容納一系列HTML元素，類似于DIV，最終會被Vue解析到HTML文檔當中。

他只能與v-if指令搭配，用于決定這部分頁面要不要進行渲染到網頁。

總結

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論