Vue學習 構造器

2021-08-02 01:25:22 字數 581 閱讀 6970

建立構造器

元件構造器(自定義構造器)

構造器的屬性和方法

構造器的生命週期

var vm=new vue()

var mycomponentinstance=new mycomponent()

vue例項可以直接訪問data物件裡所有的屬性。

var vm=

new vue(

})

vm.message=='test'
但訪問其他屬性需要加上$符號以便跟data中的屬性加以區分。

如:vm.$el==document.getelementbyid('example')

構造器的生命週期包括:created mounted updated destroyed

例項建立完成之後狀態為created

掛載例項到dom上後狀態為mounted

dom的資料更新完成之後為updated

銷毀例項(執行vm.$destroy())後為destroyed

vue筆記 構造器

每個vue.js應用都是通過建構函式vue常見乙個vue根例項啟動的 var vm new vue 雖然沒有完全遵循mvvm模式,vue的設計無疑收到了它的啟發。因此在文件中經常會使用vm這個變數名便是vue例項 在例項化vue時,需要傳入乙個選項物件,它可以包含資料 模板 掛載元素 方法 生命週期...

Vue例項 構造器

每個vue.js應用都是通過建構函式vue建立乙個vue的根例項啟動的 var vm new vue 可以擴充套件構造器,從而用預定義選項建立可復用的元件構造器var mycomponent vue.extend 所有的 mycomponent 例項都將以預定義的擴充套件選項被建立 var myco...

Vue元件和元件構造器

vue.component 這裡有乙個 vue 元件的示例 定義乙個名為 button counter 的新元件 vue.component button counter template you clicked me times.元件是可復用的 vue 例項,且帶有乙個名字 在這個例子中是,即vu...