1. 程式人生 > >Vue2.x源碼學習筆記-Vue靜態方法和靜態屬性整理

Vue2.x源碼學習筆記-Vue靜態方法和靜態屬性整理

temp next 技術 spa delet 結構 又是 靜態 https

Vue靜態方法和靜態屬性,其實直接在瀏覽器中可以查看到的,如下

技術分享圖片

圈起來的是其靜態屬性,但是有的屬性對象中的屬性的值又是函數。未圈起來的則是函數。

其實它來自如下各個目錄下的js文件

// src/core/index.js
Vue.version = ‘__VERSION__‘

// src/entries/web-runtime-with-compiler.js
Vue.compile = compileToFunctions    // 把模板template轉換為render函數

// src/core/global-api 在目錄結構中,我們指出,Vue的靜態方法大多都是在該文件夾中定義的
// src/core/global-api/index.js
Vue.config //不過以直接替換整個config對象 Vue.util //幾個工具方法,但是官方不建議使用 Vue.set Vue.delete Vue.nextTick Vue.options = { components: {KeepAlive: KeepAlive} directives: {}, filters: {}, _base: Vue } // src/core/global-api/use.js Vue.use // src/core/global-api/mixin.js Vue.mixin // src/core/global-api/extend.js Vue.extend
// src/core/global-api/assets.js Vue.component Vue.directive Vue.filter

總結:其實簡單的歸納下vue靜態屬性和方法的來源,方便查看。

感謝濤哥:https://github.com/liutao/vue2.0-source/blob/master/Vue-globals.md

Vue2.x源碼學習筆記-Vue靜態方法和靜態屬性整理