建立構造器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...