1、VUE構造器簡介 VUE構造器是一個非常重要的語法。 每個Vue.js應用都是通過構造函數Vue創建一個根實例。 New了Vue對象,然後調用了這個vue對象的構造器,並向構造器傳入了數據。 在實例化Vue時,需要傳入一個JSON對象,它可以包含數據、模板、掛在元素、方法、回調函數等選項,全部的 ...
1、VUE構造器簡介
VUE構造器是一個非常重要的語法。
每個Vue.js應用都是通過構造函數Vue創建一個根實例。
New了Vue對象,然後調用了這個vue對象的構造器,並向構造器傳入了數據。
在實例化Vue時,需要傳入一個JSON對象,它可以包含數據、模板、掛在元素、方法、回調函數等選項,全部的選項可以在API文檔中查看。
2、Vue代碼中尋找MVVM
既然VUE是MVVM架構的,我們已經找到了Model和View層,那麼ViewModel是在哪裡呢?
我們看一下這個文件 vue.js,這個是從vue官網上下載的。
我們知道,控制器要監控視圖,也要監控模型,當視圖發生變化,控制器會及時通知模型層,同理,模型層發生變化,控制器會及時通知視圖層。
那麼下麵的這個vue對象是不是就是控制器呢?
我們可以看出,這個vue對象通過el屬性監控視圖層,通過data監控模型層,那麼就說明這個vue對象就是控制器。
所以我們得出一個結論:控制器就是vue對象,他在vue.js創建。
Vue.js已經定義好了控制器,因此我們開發人員不會修改此文件,增加什麼東西,所以我們在開發vue程式時,我們只是會寫 視圖層和模型層的代碼。
3、構造器擴展
Vue的構造器可以被擴展使用,這樣就免去了重覆定義構造器的很多內容。
我們以一個增加字母大寫轉換的過濾器為例說明:
顯示效果: