我們通常說的指令是指擁有字首v-的特殊屬性。
v-on:用於事件監聽,引數是我們所說的event,裡面是各種事件變化狀態
v-text: 用於輸出純文字,而不會解析文字中可以解析的html元素標籤
v-html:與v-text不同,他則會將內容裡課解析元素解析之後,在輸出【區別不理解自己**搗鼓】
v-if:根據表示式的真假,是否渲染元素
v-else:否則的意思,和程式語言中的else一樣
v-else-if:和程式語言中的else-if一樣
v-show:根據表示式的true或false,改變元素的是否可見
v-for: 用於迴圈陣列,物件,字串 和 數
v-bind:用於動態繫結屬性或內容,讓內容不是寫死的,可以動態變化
v-model:用於雙向繫結,要和v-bind區別比較學習
el 用於指定解析vue語法的位置。
data 用於放置從檢視中抽象出來的屬性。
components 用於區域性元件的註冊
computed 用於內部資料的計算,類似於方法?
methods 就是字面意思的方法,存放業務邏輯可呼叫
watch 監聽data中資料的變化;兩個引數,乙個返回新值,乙個返回舊值
props 用於接收來自父元件的資料
template 用來設定元件模板,會替換頁面元素,包括佔位符。
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 根據表示式的真...