1. 程式人生 > 其它 >vue單檔案元件開發,引入元件時引入的到底是什麼?

vue單檔案元件開發,引入元件時引入的到底是什麼?

vue單檔案元件開發,引入元件時,引入的是對應單檔案元件的VueComponent()建構函式
為什麼匯出是一個物件,而引入的卻變成了一個建構函式呢?

VueComponent()建構函式從何而來?

原因可能為:webpack打包工具檢測到引入檔案為.vue檔案,自動解析檔案,將template標籤的內容變成了Vue.extend(options)中options的template配置項;script標籤中的data,methods,computed...,變成了options中的data,methods,computed...配置項;至於css,不太懂...,最後匯出的時候自動呼叫了Vue.extend()方法,也有可能是匯入前呼叫了Vue.extend()方法從而生成了該單檔案元件的VueComponent()建構函式

VueComponent()建構函式是通過Vue呼叫Vue.extend(options)方法,返回的一個建構函式,這裡的options指的就是元件的各個配置項,包括(data,methods,computed,template...)等等之類,,由於options存在不一樣,所以返回的建構函式也是不一樣的。

VueComponent()建構函式也叫元件建構函式,而 new Vue({})中的Vue也是一個建構函式,是vm的建構函式。