目錄
一、元件概念
二、根元件
三、區域性元件：根元件 components內繫結，只能在相應例項結構內使用。
三、全域性元件：在任意vue例項下都可呼叫
四、元件之間的資料傳遞
1 - 父元件 ->子元件（通過props建立聯絡繫結屬性）
2 - 子元件 -> 父元件（通過事件觸發）
vue - api 查詢
總結：// 根元件的模板就是掛載點data : ,
template: "顯式模板
" })
定義： 滿足vue語法規則的物件，並且以區域性註冊，只能在父元件內使用。目的是達到html+css+js的**復用總結：區域性元件註冊 - template："替換的html語法結構模板"區域性元件註冊 - data() }: 或者 data: function() }:
區域性元件註冊 - methods： }
根元件註冊 - el：『css選擇器語法』
根元件註冊 - components：（components：繫結屬性和元件）
設：全域性屬性名local-tag，元件名localtag
1) "localtag": localtag
2)"localtag": localtag
3)"local-tag": localtag
4) localtag: localtag
5) localtag, (es6語法，當二者寫法相同時，可以省略，建議)
總結：建立全域性元件 - vue.component("元件名", {}全域性元件例項內部 - template：「html語法結構」
全域性元件例項內部 - data()} 或者 data：function()}
全域性元件例項內部 - methods：}
總結：總結：html內設定自定義事件，《自定義元件名 @自定義事件名="父元件內相應方法名">元件內，template 設定覆蓋事件元件內，methods內設定template觸發呼叫方法，方法內部進行html事件繫結傳參this.$emit("html內自定義事件名", this.元件data內變數)
資料定義在子元件的data內父元件內，methods內對html結構相應的方法進行編碼，子元件內data的資料以形參傳入
}
Vue 元件學習總結
本文主要是對 vue 元件學習的總結和之後要寫的內容的計畫。元件庫其實就是一堆元件組成的乙個專案，一般專案裡會有元件和演示專案。當專案除錯時 webpack 打包演示專案的入口檔案來進行演示和除錯，在發布元件庫時 webpack 打包元件庫的入口檔案。將打包完的元件發布到 npm。我覺得，元件庫的左...
Vue元件通訊總結
直接給元件，新增屬性，在子元件中，使用props進行接收。子元件 props foo aoo 屬性的傳遞，也可以傳遞乙個方法，在子元件中執行這個方法，可以把引數傳遞到父元件中，達到通訊的目的。1 有兩種常見的方式，第一種方式，元件上定義事件。觸發這個事件的時候，直接使用emit。this.emit ...
vue 元件間通訊總結
父 子元件通訊 1.props 此處不區分是否加引號，若不bind，皆作字串處理，否則作為表示式處理 若傳入物件，則子元件上的該物件與父元件中的該物件指向同乙個位址，如果希望對傳入的物件進行修改且不影響父元件，則需要看情況對其進行深 淺拷貝 若傳入的屬性在父元件中會發生變化，則將其放置在子元件的co...