1、父vue中component（即子vue）引入
2、從父vue中向component（即子vue）內傳值
3、在父vue中呼叫子vue中的方法
*父vue的html中*
//將ids繫結在子元件
//的string上
*父js**子vue中*
這個結構看著有點亂，其實裡面包含了三個知識點：
1、父vue中component（即子vue）引入
步驟：（1）先構建父vue頁面，和子vue頁面
（2）在父vue的script第一步，從子vue檔案中引入元件
（3）在父vue中component裡定義元件在父vue內的標籤名
（4）將元件標籤名寫入想插入父vue的位置
此時便將元件插入了父vue
2、從父vue中向component（即子vue）內傳值
步驟：
（1）在父vue中的該元件標籤名內，繫結想傳入的值（如：ids）,用引號加
變數名的方式，如（：string = "ids"）,其中string是自己命名
希望在子vue中使用的變數名
（2）在元件（即子vue）中props,宣告string變數（props:
["string"]）,其中props是接收父vue傳入子元件的乙個屬性
此時子vue中的this.string 即等於父vue中的ids
3、在父vue中呼叫子vue中的方法
步驟：
（1）確認子vue中存在該方法（test()）
（2）在在父vue中的該元件標籤名內繫結ref = "mychart1",這樣才可以
在父vue中，通過this.$refs.mychart1.test()去呼叫子vue中的
test方法
Vue中元件相關知識點
一 元件知識點 1.定義 何為元件，簡單來說，元件就是一組html標籤的集合，有點類似於模組，不過模組是基於不同的業務邏輯來劃分的，而元件則是基於頁面不同區域來劃分的。元件中允許有多個標籤，但只允許乙個根標籤。元件的產生同樣也增強了 的復用性。2.建立方式 建立元件例項可以有多種方式，這裡主要講解其...
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已經通過...