vue中 refs emit on的使用場景

2022-07-26 21:06:14 字數 771 閱讀 1115

1.$emit的使用場景

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

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

子元件:

"

emitevent

">點選我

父元件:

"

">

event="

getmyevent

">

2、$ref的使用場景

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

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

父元件:

"

">

ref="

child

">

"getmyevent

">點選父元件

子元件:

點選我

3.$on的使用場景

兄弟元件之間相互傳遞資料

a元件->}

"button

" value="

把a元件資料傳給b

" @click ="

send

">

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

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

vue中 refs emit on的使用場景

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

vue中 refs emit on的使用場景

子元件呼叫父元件的方法並傳遞資料 注意 子元件標籤中的時間也不區分大小寫要用 隔開 子元件 點選我 父元件 父元件呼叫子元件的方法,可以傳遞資料 注意 子元件標籤中的時間也不區分大小寫要用 隔開 父元件 點選父元件 子元件 點選我 兄弟元件之間相互傳遞數 首先建立乙個vue的空白例項 兄弟間的橋梁 ...

Vue中的 vue檔案的使用

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