前提：部分內(nèi)容引用于https://cn.vuejs.org/v2/guide/#%E8%B5%B7%E6%AD%A5
實例1：
<div id="app"> {{ message }}</div>
var app =new Vue({
? ? ? el:'#app',//綁定組件
????? data: {//數(shù)據(jù)
????????message:'Hello Vue!'
????? }
})
知識點：通過new Vue創(chuàng)建實例斩启，el綁定組件，data進(jìn)行數(shù)據(jù)動態(tài)賦值祖驱。（即響應(yīng)式）
el就是值作用范圍，只能指向一個對象(可以是id選擇器或者class選擇器)
指令帶有前綴v-敷搪，以表示它們是 Vue 提供的特殊特性。
常用指令例子
v-on?指令添加一個事件監(jiān)聽器↓
v-on:click 點擊事件綁定，可簡寫成@click? 例：v-on:click(fun)? ? 這樣就綁定了'fun'的點擊事件了扔茅。
v-model(雙向綁定，即其中一方改變值秸苗，另一方也隨之改變)
v-show? 綁定的值為true則顯示召娜，為false則隱藏
v-hide? 綁定的值為true則隱藏，為false則顯示
v-if?綁定的值為true則顯示惊楼，為false則隱藏
（v-if和v-show的用法區(qū)別：http://www.reibang.com/p/4128c399d32c）
v-for?//動態(tài)渲染格式為 (自定義數(shù)據(jù)名,下標(biāo)) in 數(shù)據(jù)/集合 {{這些寫的是自定義數(shù)據(jù)名}}
? ? ? ? ?例：<li v-for="value in arr">{{value}}</li>
v-bind(綁定元素)其中一種寫法
2018.12.4----------------------
