// 輸出乙個字串
<
!-- vue主檔案 --
>
"'我是1811a的一名普普通通的帥氣的講師'"
>
<
/div>
<
/template>
// 編譯html標籤
<
!-- vue主檔案 --
>
"''"
>
<
/div>
<
/template>
// 可以吧元素當中的任何乙個屬性設定成變數 縮寫「：」
<
!-- vue主檔案 --
>
"type"
/>
"type"
/>
<
/div>
<
/template>
export
default;}
,// 當前頁面所有方法的集合
methods:};
<
/script>
// 簡單的js語句判斷，不會去編譯值為flase的語句
<
!-- vue主檔案 --
>
"type === 2"
>
1811a最棒
<
/div>
else-if
="type === 1"
>
1811a
<
/div>
else
>
我是1811a講師
<
/div>
<
/div>
<
/template>
export
default}}
<
/script>
// 判斷簡單的js語句，回去編譯值為flase的語句，編譯之後的樣式更改為display：none
<
!-- vue主檔案 --
>
"true"
>
1811a<
/div>
<
/div>
<
/template>
// 在元素中遍歷資料 注意：一定要加key，被遍歷的資料一定要是陣列
<
!-- vue主檔案 --
>
for=
"(item, idx) in list"
:key=
"idx"
class
="items"
>
}講師：
}<
/span>
<
/div>
<
/div>
<
/template>
export
default,]
};}}
;<
/script>
// 指令用於給監聽dom事件 縮寫為@
<
!-- vue主檔案 --
>
"isshow"
>按鈕<
/span>
"isshow"
>
<
/span>
<
/div>
<
/template>
export
default,]
};},
// 當前頁面所有方法的集合
methods:}}
;<
/script>
// 資料的雙向邦定
<
!-- vue主檔案 --
>
"value"
/>
"changeinput"
>按鈕<
/span>
<
/div>
<
/template>
export
default;}
,// 當前頁面所有方法的集合
methods:}}
;<
/script>
Vue常見指令
v text 更新元素的 textcontent v html 更新元素的 innerhtml v if 如果為 true,當前標籤才會輸出到頁面 v else 如果為 false,當前標籤才會輸出到頁面 v show 通過控制 display 樣式來控制顯示 隱藏 v for 遍歷陣列 物件 v ...
VUE常見指令
通常指令 directives 是指帶有v 屬性的特殊屬性。在vue給html元素增加了自定義屬性你，它們都是以 v 開頭了 v text 更新元素的textcontent，如果要更新部分的textcontent，需要使用 插值v html 更新元素的innerhtml v show 根據表示式的真...
vue中常見指令
一 檢視輸出指令 作用 把 model繫結到view v text和v html v text例項 這個將不會隨msg屬性的改變而改變 v html例項 二 屬性繫結指令 作用 把model動態繫結view v bind 是 vue中，提供的用於繫結屬性 title 的指令 四 v model 作用...