vue中 refs emit on的使用場景

2022-09-08 13:51:10 字數 667 閱讀 5488

子元件呼叫父元件的方法並傳遞資料

注意:子元件標籤中的時間也不區分大小寫要用「-」隔開

子元件:

點選我

父元件:

父元件呼叫子元件的方法,可以傳遞資料

注意:子元件標籤中的時間也不區分大小寫要用「-」隔開

父元件:

點選父元件

子元件:

點選我

兄弟元件之間相互傳遞數

首先建立乙個vue的空白例項(兄弟間的橋梁)

import vue from 'vue'

export default new vue()

子元件 childa

傳送方使用 $emit 自定義事件把資料帶過去

a元件->}

子元件 childb

而接收方通過 $on監聽自定義事件的callback接收資料

b元件,a傳的的資料為->}

父元件:

vue中 refs emit on的使用場景

子元件呼叫父元件的方法並傳遞資料 注意 子元件標籤中的時間也不區分大小寫要用 隔開 子元件 emitevent 點選我 父元件 event getmyevent 父元件呼叫子元件的方法,可以傳遞資料 注意 子元件標籤中的時間也不區分大小寫要用 隔開 父元件 ref child getmyevent ...

vue中 refs emit on的使用場景

1.emit的使用場景 子元件呼叫父元件的方法並傳遞資料 注意 子元件標籤中的時間也不區分大小寫要用 隔開 子元件 emitevent 點選我 父元件 event getmyevent 2 ref的使用場景 父元件呼叫子元件的方法,可以傳遞資料 注意 子元件標籤中的時間也不區分大小寫要用 隔開 父元...

Vue中的 vue檔案的使用

需要安裝vue loader npm i vue loader vue template complier d 然後在配置檔案中新增匹配規則 template 這裡定義js 在這裡匯入檔案 import vue from vue export default methods script style...