用範例理解Vue.js #3:Vue Instance & Instance ... | vue created method
VueInstance每個Vue的應用都是通過newVue()來建立VueInstance建立VueInstance下面建立了一個名為vm的VueInstance,「vm」為viewmodel的簡稱。varvm=newVue({//options})viewmodel來自設計模式MVVM[1]-model、view和viewmodel。傳入選項物件在實體化時,可傳入一個選項物件,結構會像是這樣:{el:#id,//CSSselector或HTMLElement實例props:{},//Array
每個 Vue 的應用都是通過 new Vue() 來建立 Vue Instance
建立 Vue Instance下面建立了一個名為 vm 的 Vue Instance,「vm」為 view model 的簡稱。
var vm = new Vue({ // options })view model 來自設計模式 MVVM[1] - model、view 和 view model。
傳入選項物件在實體化時,可傳入一個選項物件,結構會像是這樣:
{ el: #id, // CSS selector 或 HTMLElement 實例 props: {}, // Array<string> 或 Object data: {}, // Object 或 Function computed: {}, // { [key: string]: Function | { get: Function, set: Function } } methods: {}, // { [key: string]: Function } watch: {}, // { [key: string]: string | Function | Object } mounted() {} // Function // ... } Instance Lifecycle Hooks每個 Vue Instance 在建立時都會經歷一系列初始化步驟,例如,需要設置數據觀察,編譯模板,將實例掛載到 DOM,以及在數據更改時更新 DOM。在初始化過程中,它還運行稱為生命週期鉤子 (Instance Lifecycle Hooks) 的函數,讓開發者可在特定階段添加自己的代碼。
例如:created 鉤子可以用來在創建實例之後運行代碼:
附上 fiddle (https://jsfiddle.net/hunterliu/8fw120n2/[2])
new Vue({ da...