1. 程式人生 > 其它 >19_非但檔名元件中VueComponent建構函式&重要的內建關係

19_非但檔名元件中VueComponent建構函式&重要的內建關係

總結:

關於VueComponent: 1.school元件本質上是一個名為VueComponent的建構函式,且不是程式設計師定義的,是Vue.extend生成的。 2.我們只需要寫<school/>或<school></school>,Vue解析時會幫我們建立school元件的例項物件, 即Vue幫我們執行的:new VueComponent(options). 3.特別注意:每次呼叫Vue.extend,返回的都是一個全新的VueComponent!!! 4.關於this的指向: (1)元件配置中: data函式、methods中的函式、watch中的函式、computed中的函式,它們的this均是【VueComponent例項物件】
(2)new Vue(options)配置中: data函式、methods中的函式、watch中的函式、computed中的函式,它們的this均是【Vue例項物件】 5.VueComponent的例項物件,以後簡稱vc(或:元件例項物件) Vue的例項物件,簡稱為vm 注意:vm和vc不能相等,不完全一樣!!! 內建關係: 1.一個重要的內建關係:VueComponent.prototype.__proto__ === Vue.prototype 2.為什麼要有這個內建關係:讓元件例項物件(vc)可以訪問到Vue原型上的屬性方法。