Vue之介紹以及基本指令

angular:更新快，適合做大專案，比較笨重

react：是做移動端的

vue：集合了前面2個框架的優點，資料驅動框架，中文api,輕量級，單頁面高效，先進的mvvm設計模式，基於元件的開發，虛擬dom。

特點:1.單頁面的web應用

2.資料驅動

3.資料的雙向繫結

4.虛擬dom

生產版本:vue.min.js

其實乙個就是壓縮版本的，乙個就是沒有壓縮的，本質上沒有什麼區別

使用:"

">}

"

wrap
">}
class="
main
">}
class="
main
">}
注意：1.html和body頁面不能作為掛載點
2.乙個頁面可以有多個例項對應多個掛載點
3.乙個vue物件掛載點只匹配找到的第乙個，所以掛載點一般用id標識，標識唯一性。
4.掛載點也可以看成你vue可以控制的區域，這就是vue可以控制小到乙個變數，大到整個頁面。

let b = 20;

let dic =;
console.log(dic)
也就是如果你的v與k同名，可以簡寫乙個即可

) 用例項成員data為vue環境提供資料，資料採用字典{}形式

) 在插值表示式}中，直接書寫資料的key來訪問資料
this就相當於當前物件自身

"

">
}}}}}
el: ''
,        data: }})

// 1) 過濾器本身就是資料處理函式，可以將插值表示式中的資料作為引數進行處理，得到的函式返回值就是處理後的結果

// 2) 過濾器使用語法 }
// 3) 過濾器在例項中用filters成員提供
"">
}}}}}
}

插值表示式，同v-text指令，渲染普通文字，

v-html指令可以渲染有html語法的文字，能夠解析html語法
文字指令中可以渲染變數也可以渲染常量

"

">}"
info
">
"123">
"true
">
"'abc' + info
">
"[1, 2, 3]
">
"`好的`
">
"'好的'
">
el: ''
,        data: ,
methods: ,
dblaction (ev) ,
overaction(a, b, c) }})

語法:v-bind:屬性名='

變數值'
簡寫:    :屬性名=『變數值』
單屬性繫結   ：title=『變數』  ：id=『變數』   ：自定義屬性=『變數』
style屬性      ：style=『字典變數』  |    ：style=『
class屬性      :
class='
變數』   |  ：class=[ 變數1，變數2.....變數n  ]
：class=』

"zh

">"
">
"p1"
class="
p1" style="" title="" index="">屬性指令1"p2
" v-bind:class="
p1" style="" title="" index="">屬性指令2"p1
">自定義屬性也可以被vue繫結1
"p1">自定義屬性也可以被vue繫結2
"'文字提示'
">懸浮文字提示
"mystyle
">樣式繫結1
"">樣式繫結2
class="
myc1
">樣式繫結3
class="
[myc2,myc3,myc4,'bbb']
">樣式繫結4
class="
">樣式繫結5
"clickaction
" :class="
">點選切換類

"zh

">"
">
class="
box" :class="
[c1, ]
" @mouseover="
a1" @mousedown="
a2" @mouseup="
a3" @mouseout="
a4">}

語法:  v-model='

控制value值的變數
':value='
變數『是直接繫結不會實時更新，而v-model=
'控制value值的變數』則是實時更新。
單獨核取方塊作為確認框時，v-model繫結的變數為布林值
多核取方塊，v-model繫結的變數值是乙個列表(陣列)，存放核取方塊選項值(誰被選中就存放了誰)
單選框，v-model繫結的變數值是某乙個選項的值(值是哪個選項的值，那個選項就被選中)

"zh

">"
">

vue基本指令

指令是一些特殊的標記，給html新增一些原來沒有的功能 指令一 v model type text v model num type checkbox v model ischecked div const vm newvue 雙向資料繫結的原理底層通過 object.defineproperty ...

Vue基本指令

該指令表示元素和元件只渲染一次，當資料發生改變時，展示內容不會進行更新 v once h1 某些情況下，從伺服器請求到的資料本身就是乙個html 可以使用該指令進行對 的解析並渲染 v html url h1 div src js vue.js script data 該指令和mustache比較相...

Vue基本指令

又叫宣告式渲染 文字差值 語法 v bind繫結class 作用 給目標標籤的更新innertext innerhtml 語法 v text vue變數 v html vue變數 注意 它會覆蓋差值表示式 作用 給標籤繫結事件 語法 點我 1 點我增加1個 點我 5 點我扣除1 點我扣除10 效果 ...