var VM = new Vue({ el: '#app', // 表示當(dāng)我們new的這個(gè)Vue實(shí)例, 要控制頁面上的那個(gè)區(qū)域?
data: { // data屬性中，存放的是el中要用到的數(shù)據(jù),這里的data就是MVVM中的M專門用來保存每個(gè)頁面的數(shù)據(jù) message: 'Hello Vue!' },?
methods : {}, // 這個(gè)methods屬性中定義了當(dāng)前Vue實(shí)例所有可用的方法,主要寫業(yè)務(wù)邏輯?
computed: {}, // 在computed中,可以定一些屬性, 這些屬性叫做計(jì)算屬性,計(jì)算屬性的本質(zhì)就是一個(gè)方法,只不過我們?cè)谑褂眠@些計(jì)算屬性的時(shí)候是吧它們的名稱直接當(dāng)做屬性來使用的,并不會(huì)把計(jì)算屬性當(dāng)做方法去調(diào)用?
filters : {}, // 這個(gè)filters屬性中定義了當(dāng)前Vue實(shí)例中所有可用的過濾的方法?
watch: {}, // 使用這個(gè)屬性,可以監(jiān)聽data中數(shù)據(jù)的變化,然后觸發(fā)這個(gè)watch中對(duì)應(yīng)的function處理函數(shù) router, // 掛載路由對(duì)象?
directives：{}, // 這個(gè)directives屬性定義了當(dāng)前Vue實(shí)例中所有可用的自定義指令 beforeCreate () {}, // 生命周期函數(shù): 表示實(shí)例完全被創(chuàng)建之前,會(huì)執(zhí)行這個(gè)函數(shù)?
created () {}, // 生命周期函數(shù): 表示實(shí)例被創(chuàng)建之后?
beforeMounted () {}, // 生命周期函數(shù): 表示模板已經(jīng)編譯完成,但是還沒有把模板渲染到頁面中?
mounted () {}, // 生命周期函數(shù):表示模板已經(jīng)編譯完成,內(nèi)存中的模板已經(jīng)真實(shí)的渲染到了頁面中去,已經(jīng)可以看到渲染好的頁面了?
beforeUpdate () {}, // 生命周期函數(shù): 表示當(dāng)前界面還沒有被更新,數(shù)據(jù)肯定被更新了?
update () {}, // 生命周期函數(shù): 表示當(dāng)前頁面和數(shù)據(jù)保持同步了,都是最新的?
beforeDestroy () {}, // 生命周期函數(shù): 表示Vue實(shí)例已經(jīng)從運(yùn)行階段進(jìn)入到銷毀階段?
destroyed () {} // 生命周期函數(shù): 表示組件已經(jīng)完全被銷毀了})

if (vm._watcher) {
? vm._watcher.teardown()
}
let i = vm._watchers.length
while (i--) {
? vm._watchers[i].teardown()
}
// remove reference from data ob
// frozen object may not have observer.
if (vm._data.__ob__) {
? vm._data.__ob__.vmCount--
}

vm.$off()

vm.__patch__(vm._vnode, null)
return function patch (oldVnode, vnode, hydrating, removeOnly, parentElm, refElm) {
? ? /*vnode不存在則直接調(diào)用銷毀鉤子*/
? ? if (isUndef(vnode)) {
? ? ? if (isDef(oldVnode)) invokeDestroyHook(oldVnode)
? ? ? return
? ? }
? ? ...
?}