創建一個Vue實例

每個Vue應用都是通過Vue函數創建一個新的Vue實例開始：

var vm = new Vue({//選項 })

數據與方法

當一個Vue實例被創建時，它向Vue的響應式系統中加入了其data對象中能找到的所有屬性。當這個屬性的值發生變化時，視圖將產生"響應"，即匹配更新后的值。

//我們的數據對象 var data = {a: 1}//該數據對象加入到vue實例中 var vm = new Vue({data: data })//獲得這個實例上的屬性 //返回源數據中對應的字段 vm.data == data.a // => true//設置屬性也會影響 vm.a = 2 data.a //2

值得注意的是只有當實例被創建時data中存在的屬性才是響應式的。

除了數據屬性，Vue實例還暴露一些有用的實例屬性和方法，他們都有$前綴，以便與用戶定義的屬性區分開來。

var data = {a: 1} var vm = new Vue({el: '#example',data: data })vm.$data === data // true vm.$el === document.getElementById('example') // truevm.$watch('a', function(newValue, oldValue){//這個回調將在vm.a改變后調用 })

實例生命周期鉤子

created()可以用來在一個實例被創建之后執行代碼。

生命周期鉤子的this上下文指向調用它的Vue實例。

關于生命周期的可以接我另外一篇文章：https://segmentfault.com/a/11...

原文地址：https://segmentfault.com/a/1190000016836774

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的Vue实例和生命周期的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。