一、概念
vue，是構建用戶界面的漸進式框架，採用自底向上增量開發設計。
vue,只關注圖層，他的設計目標是通過儘可能簡單的API實現響應的數據綁定和組合的視圖組件
二、基礎語法結構
css代碼：
<div id="app">
{{msg}}
</div>js代碼：
new Vue({
"el":"#app",
data:{
"msg":"Vue語法結構"
}
})三、常見指令
v-text 進行文本的數據綁定—相當於ng-bind
v-html 進行腳本數據綁定，有安全問題（xss攻擊問題）
v-bind：屬性 進行屬性的數據綁定
v-if 根據表達式的值（true/fasle)判斷是否渲染元素
v-else-if 不需要表達式，前一兄弟元素必須有v-if或v-else-if
v-else 不需要表達式，前一兄弟元素必須有v-if或v-else-if
v-for 用於循環數據輸出—相當於ng-repeat；在vue1.x版本里$index存在，在vue2.x版本里$index被取消了
v-show/v-hide 根據表達式的值（true/fasle)決定元素的顯示/隱藏
v-pre 它裏面包含的元素vue不編譯，直接顯示
v-cloak 可以隱藏未編譯的Mustache語法，直到編譯結束
v-once 只渲染元素或組件一次
v-on 事件綁定–相當於jquery中的on
下面我們就詳細的說說v-on的用法：
3.1、無參用法
html代碼
<div id="app">
<button v-on:click="fun()">
點擊一下
</button>
</div>js代碼
new Vue({
el:"#app",
data:{
},
"methods":{
fun:function(){
alert("我點了")
}
}
})3.2、有參用法
html代碼
<div id="app">
<button v-on:click="fun('那就點唄')">
點擊一下
</button>
</div>js代碼
new Vue({
el:"#app",
data:{
},
"methods":{
fun:function(a){
alert("我點了")
alert(a)
}
}
})