定義一個Vue對象

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

其中el代表這個Vue對象會作用在哪個元素上，el后面是一個表達式。
data代表model，里面的對象和值可以在畫面上渲染
methods里面的函數相當于事件，可以與頁面元素綁定
watch是對model的監聽，當值發生變化時做一些動作
components 導入其他組件

Vue的指令

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

跟Angular差不多

Vue的組件

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

另外還有broadcast和dispatch，需要通過events來捕捉