每個vue.js應用都是通過建構函式vue建立乙個vue的根例項啟動的:
var vm = new vue()
可以擴充套件構造器,從而用預定義選項建立可復用的元件構造器var mycomponent = vue.extend()
// 所有的 `mycomponent` 例項都將以預定義的擴充套件選項被建立
var mycomponentinstance = new mycomponent()
所有的 vue.js 元件其實都是被擴充套件的 vue 例項
每個vue例項都會**其data物件裡所有的屬性
var
data =
var vm = new vue()
vm.a===data.a
vm.a=2
data.a->2
data.a=3
vm.a->3
注意只有這些被**的屬性是響應的,也就是說值的任何改變都是觸發檢視的重新渲染
除了 data 屬性, vue 例項暴露了一些有用的例項屬性與方法。這些屬性與方法都有字首 $,以便與**的 data 屬性區分。例如:
var
data
= var vm =
new vue()
vm.$data
===data
vm.$el
===document.getelementbyid('example')
//$watch是乙個例項方法
vm.$watch('a',function(newval,oldval))
例項構造器與型別構造器
例項構造器即例項建構函式,型別構造器也就是靜態建構函式.1 在例項構造器裡面,我們可以初始化類的例項欄位和靜態欄位.class test 2 在型別構造器裡面我們只能初始化靜態字段,其目的也在於此.class test 3 例項構造器和型別構造器觸發的條件不一樣.例項構造器是在乙個類的例項構造的時候...
vue筆記 構造器
每個vue.js應用都是通過建構函式vue常見乙個vue根例項啟動的 var vm new vue 雖然沒有完全遵循mvvm模式,vue的設計無疑收到了它的啟發。因此在文件中經常會使用vm這個變數名便是vue例項 在例項化vue時,需要傳入乙個選項物件,它可以包含資料 模板 掛載元素 方法 生命週期...
Vue學習 構造器
建立構造器 元件構造器 自定義構造器 構造器的屬性和方法 構造器的生命週期 var vm new vue var mycomponentinstance new mycomponent vue例項可以直接訪問data物件裡所有的屬性。var vm new vue vm.message test 但訪...