一、元件知識點
1.定義
何為元件，簡單來說，元件就是一組html標籤的集合，有點類似於模組，不過模組是基於不同的業務邏輯來劃分的，而元件則是基於頁面不同區域來劃分的。元件中允許有多個標籤，但只允許乙個根標籤。元件的產生同樣也增強了**的復用性。
2.建立方式
建立元件例項可以有多種方式，這裡主要講解其中的兩種方式，同時也對應兩類元件。第一類是全域性元件，全域性元件可以為所有的vue例項呼叫，但條件是元件必須在例項前面，其建立方式如下：
3.父子元件傳值
在乙個元件中如果存在另乙個元件，則形成了元件之間的父子關係。當兩者需要資料互動時，其訪問方式存在不同。預設情況下，子元件是無法訪問到父元件中的data和methods，當子元件需要訪問父元件data時，可以通過v-bind指令進行屬性繫結，子元件訪問到的資料儲存在props中，props類似於data，但它是只可讀的，而且其中所有的資料都是**于父元件，而子元件的data是可讀可寫的，是子元件私有的。當父元件需要訪問子元件資料時，可以通過this.$emit(『方法名』, 子元件資料)方式，子元件呼叫父元件方法，同時把資料傳遞給父元件，方法名為子元件內部自定義，通過v-on指令繫結父元件函式實現呼叫。
三 vue元件相關知識點
1 父vue中component 即子vue 引入 2 從父vue中向component 即子vue 內傳值 3 在父vue中呼叫子vue中的方法 父vue的html中 將ids繫結在子元件 的string上 父js 子vue中 這個結構看著有點亂，其實裡面包含了三個知識點 1 父vue中compo...
Vue元件知識點
定義vue元件 全域性元件定義的三種方式 第一種方式 1.先呼叫 vue.extend 得到元件的建構函式 建立全域性元件的第一種方式 component const com1 vue.extend 2.通過 vue.component 元件的名稱 元件的建構函式 來註冊全域性元件 使用 vue.c...
vue相關知識點
breforcreate 建立前 在vue被建立前el和data都沒有被初始化，沒有methods,data,computed等方法 created 建立後 在vue被建立後，這裡可以呼叫methods方法來改變data的值，獲取computed，寫一些非同步的網路請求，因為這個時候data已經通過...