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