Vue模板語法: 使用插值表達式的內容必須是有結果的內容才可以,就是需要return出來的才可以顯示出來。 插值表達式所表現的內容為純文本模式 如何避免 即所有的邏輯操作都在js裡面實現,不要再templete中實現可以完美的避免這個問題。 Vue屬性綁定 1.使用v-bind 進行屬性綁定 語法: ...
Vue模板語法:
使用插值表達式的內容必須是有結果的內容才可以,就是需要return出來的才可以顯示出來。
插值表達式所表現的內容為純文本模式
如何避免
即所有的邏輯操作都在js裡面實現,不要再templete中實現可以完美的避免這個問題。
Vue屬性綁定
1.使用v-bind 進行屬性綁定 語法:v-bind:class/id =“名稱”
2.對於v-bind是將屬性進行綁定,如果屬性的結果是null或者undefined則會自動將其刪除不進行顯示
3.v-bind有一種簡寫模式 直接使用:即可代替 v-bind
4.也可以使用布爾類型的 true false
5.動態綁定多個值:在數組中新建一個對象,v-bind綁定一個對象的明成即可完成
Vue中的條件渲染
1.有四個指令 v-if v-else v-else-if v-show
v-if:條件性的渲染一塊內容 只在結果為真的時候才顯示
v-else:是不需要綁定其他內容的了
v-else-if:是用來判斷多個條件的 v-else-if可以多次使用
v-show:是按照條件進行顯示的
## v-if和v-show的區別
v-if適用於少次切換的
v-show 適用於頻繁切換的 改變的是class的屬性display