Vue初學階段 常見指令,屬性

2021-10-08 21:29:46 字數 721 閱讀 4943

我們通常說的指令是指擁有字首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 根據表示式的真...