vue
漸進式 js 框架 data資料與模板指令結合 以及樣式
指令以及相關的概念
所有指令都要在指定的html標籤內執行才有用
} 顯示的指令 data將資料與模板結合
指令的值應該看作js的表達 或者是data裡面的值
模板指令中字串的引用要用單引號
文字渲染指令
}
v-text
v-html可以渲染資料中的html標籤
條件渲染指令
v-if="表示式的值" 通過移除dom元素來隱藏
v-else
v-show通過css display：none 方法來隱藏
屬性的繫結
v-bind：屬性名="值"
：屬性名="值"
事件繫結
v-on：事件名="執行的內容"
v-on：click="num=1"
簡寫方法：@事件名=""
@click="num=2" 當單擊的時候設定num的值為2 吧
事件處理函式
methods:
注意：屬性的繫結用冒號：
事件的繫結可以用@符號
條件渲染
v-if:"表示式" 移除dom 結構隱藏
v-else
v-show 通過css隱藏
Vue常見指令
v text 更新元素的 textcontent v html 更新元素的 innerhtml v if 如果為 true,當前標籤才會輸出到頁面 v else 如果為 false,當前標籤才會輸出到頁面 v show 通過控制 display 樣式來控制顯示 隱藏 v for 遍歷陣列 物件 v ...
vue常見指令
輸出乙個字串 vue主檔案 我是1811a的一名普普通通的帥氣的講師 div template 編譯html標籤 vue主檔案 div template 可以吧元素當中的任何乙個屬性設定成變數 縮寫 vue主檔案 type type div template export default 當前頁面所...
VUE常見指令
通常指令 directives 是指帶有v 屬性的特殊屬性。在vue給html元素增加了自定義屬性你，它們都是以 v 開頭了 v text 更新元素的textcontent，如果要更新部分的textcontent，需要使用 插值v html 更新元素的innerhtml v show 根據表示式的真...