定義一個(gè)Vue對(duì)象

new Vue({
  el:"#id",
  data:{
    foo:xxx,
    bar:xxx
  },
  methods:{
    method1:function(){
      
    },
    method2:function(){
      
    }
  },
  watch:{
    "foo":function(value,oldValue){
    
    }
  },
  components:[aaaa,bbbb]
})

其中el代表這個(gè)Vue對(duì)象會(huì)作用在哪個(gè)元素上，el后面是一個(gè)表達(dá)式。
data代表model，里面的對(duì)象和值可以在畫(huà)面上渲染
methods里面的函數(shù)相當(dāng)于事件，可以與頁(yè)面元素綁定
watch是對(duì)model的監(jiān)聽(tīng)，當(dāng)值發(fā)生變化時(shí)做一些動(dòng)作
components 導(dǎo)入其他組件

Vue的指令

• v-text
• v-html
  綁定元素的內(nèi)容
• v-bind:屬性名 可簡(jiǎn)寫(xiě)為 :屬性名
  綁定屬性
• v-model 用于表單元素雙向綁定
• v-on:事件名 可簡(jiǎn)寫(xiě)為@事件名 如@click
  綁定事件，還可在事件名后面加上修飾符 如 @keyup.enter 指按enter時(shí)觸發(fā)的事件
  還可以加.stop .prevent 表示阻止默認(rèn)事件響應(yīng)和冒泡，還有一些其他修飾符
• v-if v-show
  條件顯示，兩者區(qū)別是 if將不輸出dom元素，show無(wú)論何時(shí)都輸出，只是用css隱藏
• v-for
  循環(huán)

跟Angular差不多

Vue的組件

props屬性，定義可以向組件內(nèi)傳的值
$emit函數(shù)，用于向組件外部發(fā)射事件
slot 允許父組件向子組件內(nèi)部固定位置插入元素

另外還有broadcast和dispatch，需要通過(guò)events來(lái)捕捉