注意事項
掛載點要使用id選擇器
掛載點不能是ntml或者body標籤
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
安裝vue<
/title>
"imgsrc" alt=
"">
"changeimg"
>換圖<
/button>
<
/div>
newvue(,
methods:}}
)<
/script>
"box"
>
<
!-- 變數繫結 --
>
"">
<
/div>
<
!-- 物件繫結 --
>
"obj"
>
<
/div>
<
!-- 陣列繫結 --
>
"[obj,obj1]"
>
<
/div>
<
/div>
newvue(,
obj1:},
})<
/script>
"box"
>
<
!-- 變數繫結 --
>
class
="nameclass"
>
<
/p>
<
!-- 物件繫結 如果：後執行結果是true 就加上這個class
-->
class=""
>dsad <
/p>
<
!-- 陣列繫結 同時設定多個class名 --
>
class
="['on','active']"
>
<
/p>
<
/div>
newvue(}
)<
/script>《標籤名 v-for=「item of 資料來源」>標籤名》
在vue裡of 和 in 作用是 一樣的
遍歷陣列的話第乙個變數是每條資料，第二個是對應的下標
遍歷物件 第乙個變數是各個屬性值，第二個是屬性名，第三個是下標（在這裡下標值每個鍵值對看做陣列的一條資料）
VUE基本使用
建立前呼叫this.currdate fun 方法 created function mounted function watch else 出勤checkbox 請假值 檢查，乙個為真，另外乙個設定為false singleout data function tmp else 1 html頁面呼叫...
Vue基本使用
引入vue.js doctype html html lang en head meta charset utf 8 title vue.js測試程式 title script src vue.min.js script head html v model。雙向繫結 body div id inpu...
VUE的基本使用
cn.vuejs.org src vue.js script 掛載點 data msg 資料 methods v text v html 插入文字兩者的區別和innertext innerhtml 區別一樣 v show css級別的顯示隱藏，display none v show true fal...