11-vue_day03

day03內容

6. 表單輸入綁定
   雙向數據綁定
   mvvm模式

   model vm view
   模型 viewModel 視圖
   { {{message}}
   data:{
   message:“hello world”,
   form:{
   name:“terry”
   }
   }
   methods:
   }

7. vue實例的生命週期
   創建vue實例對象
   vm.num :1
   模板的初始化
   將html轉換爲dom過程
   將vm.num 設置到 模板
   數據綁定
   監聽數據變化
   重新渲染 （多次重複）
   銷燬

  聲明週期的鉤子函數
    beforeCreate    無法訪問vue實例中data及methods中的變量
    created         vue實例完全創建好了，可以訪問vue實例中data及methods中的變量
      查詢所有的文章信息，然後綁定到data中的articles中
    beforeMount     完成了模板的編譯（將html->dom對象）
    mounted         完成了數據綁定，這個時候我們就可以看到頁面數據了
    beforeUpdate
    updated
    beforeDestroy
    destroyed