關(guān)于Vue3父子組件emit參數(shù)傳遞問(wèn)題(解決Vue2this.$emit無(wú)效問(wèn)題)
之前寫了一篇Vue3路由跳轉(zhuǎn)問(wèn)題的博客，發(fā)現(xiàn)還是有很多同學(xué)對(duì)基本的使用改變還沒(méi)有了解，于是我就順道把常用的組件間傳遞的方式也寫一下吧.......
注意的是：
1.Vue3中不在強(qiáng)調(diào)this的使用，可以說(shuō)你在setup中完全不能用this，不像Vue2中把全部的內(nèi)容都集成到this中。
2.Vue3現(xiàn)在由于compositionAPI的方式可以說(shuō)是弱化了Vuex的存在（當(dāng)然Vuex現(xiàn)在可以用沒(méi)什么變化）。
3.如果您有Vue2的開(kāi)發(fā)經(jīng)歷，用Vue3也不會(huì)特別陌生，會(huì)很快上手。
1.解決this.$emit無(wú)效問(wèn)題
相信很多人在利用事件驅(qū)動(dòng)向父組件扔?xùn)|西的時(shí)候，發(fā)現(xiàn)原來(lái)最常用的this.$emit咋報(bào)錯(cuò)了。竟然用不了了.....原因在這里：
this.$emit集成到了setup函數(shù)中的context上下文中了
所以我們應(yīng)該這么寫：
詳細(xì)內(nèi)容請(qǐng)看文檔 ：
當(dāng)然在標(biāo)簽內(nèi)部的emit方式是沒(méi)有變的，依然可以用：
2.Vuex問(wèn)題
在vuex部分其實(shí)沒(méi)什么變化，和路由一樣更換了創(chuàng)建實(shí)例方式。
在main.js中引入方式有所調(diào)整。
3.總結(jié)
我們?cè)谑褂肰ue3的時(shí)候如果發(fā)現(xiàn)原來(lái)的啥命令不好使了，不要害怕，不是取消了就是折騰了下，打開(kāi)文檔瞅一瞅........基本就能解決了。歡迎大佬留言補(bǔ)充。
如果有對(duì)路由push不清楚的 請(qǐng)看我的這篇文章：
http://chabaoo.cn/article/256972.htm
到此這篇關(guān)于關(guān)于Vue3父子組件emit參數(shù)傳遞問(wèn)題(解決Vue2this.$emit無(wú)效問(wèn)題)的文章就介紹到這了,更多相關(guān)Vue3父子組件emit參數(shù)傳遞內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vuex持久化存儲(chǔ)之vuex-persist問(wèn)題
這篇文章主要介紹了Vuex持久化存儲(chǔ)之vuex-persist問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
Upload?上傳文件這個(gè)功能是我們?cè)谄髽I(yè)實(shí)際開(kāi)發(fā)當(dāng)中使用頻率是非常高的這樣一個(gè)文件上傳的功能,element?ui組件組也給我們提供了上傳的組件,本文給大家介紹el-upload?文件上傳組件的使用,感興趣的朋友跟隨小編一起看看吧2024-02-02
本篇文章主要介紹了詳解vue嵌套路由-query傳遞參數(shù)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
Vue-resource實(shí)現(xiàn)ajax請(qǐng)求和跨域請(qǐng)求示例
本篇文章主要介紹了Vue-resource實(shí)現(xiàn)ajax請(qǐng)求和跨域請(qǐng)求示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
vue實(shí)現(xiàn)登陸頁(yè)面開(kāi)發(fā)實(shí)踐
本文主要介紹了vue實(shí)現(xiàn)登陸頁(yè)面開(kāi)發(fā)實(shí)踐，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
這篇文章主要給大家介紹了關(guān)于vue跳轉(zhuǎn)頁(yè)面的幾種常用方法,vue跳轉(zhuǎn)頁(yè)面有好幾種不同方法,文中通過(guò)代碼將實(shí)現(xiàn)的方法介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-10-10![解決antd 下拉框 input [defaultValue] 的值的問(wèn)題](http://img.jbzj.com/images/xgimg/bcimg6.png)
解決antd 下拉框 input [defaultValue] 的值的問(wèn)題
這篇文章主要介紹了解決antd 下拉框 input [defaultValue] 的值的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
利用Vue Router實(shí)現(xiàn)單頁(yè)面應(yīng)用(SPA)的代碼示例
在當(dāng)今前端開(kāi)發(fā)中,單頁(yè)面應(yīng)用（SPA）已成為一種主流的開(kāi)發(fā)模式,它通過(guò)在用戶與網(wǎng)頁(yè)之間提供更流暢的交互體驗(yàn),來(lái)改變傳統(tǒng)多頁(yè)面應(yīng)用的思維,本文將詳細(xì)介紹如何利用 Vue.js 中的 Vue Router 來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的單頁(yè)面應(yīng)用,需要的朋友可以參考下2025-01-01
Vue實(shí)現(xiàn)簡(jiǎn)單購(gòu)物車功能
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)簡(jiǎn)單購(gòu)物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
利用vue組件自定義v-model實(shí)現(xiàn)一個(gè)Tab組件方法示例
這篇文章主要給大家介紹了關(guān)于利用vue組件自定義v-model實(shí)現(xiàn)一個(gè)Tab組件的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12