Vue例項 構造器

2021-08-04 02:50:52 字數 862 閱讀 8624

每個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 但訪...