vue學習指南:第四篇(詳細) - vue的 :class 和 :style


1. :class = “a”

      說明 vue 中有個叫 a 的屬性 這個標簽的class 就是 a的值

2. :class = “{ active:isactive }”

      Active的存在取決於 isactive的值,為true就說明存在,為false就說明不存 在。

 

3. :class = [“a”,”b”]

 

      注意 在數組中元素帶不帶引號的問題。帶了說明是類名,不帶就是data中      的屬性對應的值。

 

 

 

 

:style

      在vue中 style 是一個對象

      1. 注意 style中是一個對象,中間用,隔開。前者是style屬性,值是data      中對應的數值

 

 

總結 vue 基礎知識點:

1. Mvc 和 MvvM的區別?

       Mvc:后台開發的一個概念。它是站在整個項目角度來考慮項目,

       MvvM:前端開發的一個概念。MvvM 只考慮前端頁面,把前端頁面分 model,vue,和vm。其中 vm 是核心,它是我們的調度者,離開 vm MvvM所有優勢都沒了,vm提供了一個很重要的功能是:雙向數據綁定

 

2.  基本指令 插值表達式: v-cloak  v-text  v-bind(縮寫是:)  v-on(縮寫是@)  v-model  v-for  v-if  v-show

 

3.  事件修飾符:.stop  .prevent  .capture  .self  .once

 

4.  el:指定要控制的區域。 data是個對象:指定了控制區域要用到的數據。  methods 雖然帶個s后綴,但是是個對象。這里可以自定義方法

 

5.  在vue實例中,如果想訪問 data 中的數據,或者要訪問 methods 中的方法,必須帶 this

 

6.  在v-for中 要會使用 key 屬性(只接受 string / number)

 

7.  v-model 只能應用於表單元素

 

8.  在 vue 中綁定樣式,兩種方式:v-bind:class, v-binf:style

作者:晉飛翔

手機號(微信同步):17812718961

希望本篇文章 能給正在學習 前端的朋友 或 以及工作的朋友 帶來收獲 不喜勿噴 如有建議 多多提議


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM