關(guān)于Vue3父子組件emit參數(shù)傳遞問題(解決Vue2this.$emit無效問題)
之前寫了一篇Vue3路由跳轉(zhuǎn)問題的博客，發(fā)現(xiàn)還是有很多同學(xué)對基本的使用改變還沒有了解，于是我就順道把常用的組件間傳遞的方式也寫一下吧.......
注意的是：
1.Vue3中不在強(qiáng)調(diào)this的使用，可以說你在setup中完全不能用this，不像Vue2中把全部的內(nèi)容都集成到this中。
2.Vue3現(xiàn)在由于compositionAPI的方式可以說是弱化了Vuex的存在（當(dāng)然Vuex現(xiàn)在可以用沒什么變化）。
3.如果您有Vue2的開發(fā)經(jīng)歷，用Vue3也不會特別陌生，會很快上手。
1.解決this.$emit無效問題
相信很多人在利用事件驅(qū)動向父組件扔?xùn)|西的時(shí)候，發(fā)現(xiàn)原來最常用的this.$emit咋報(bào)錯(cuò)了。竟然用不了了.....原因在這里：
this.$emit集成到了setup函數(shù)中的context上下文中了
所以我們應(yīng)該這么寫：
詳細(xì)內(nèi)容請看文檔 ：
當(dāng)然在標(biāo)簽內(nèi)部的emit方式是沒有變的，依然可以用：
2.Vuex問題
在vuex部分其實(shí)沒什么變化，和路由一樣更換了創(chuàng)建實(shí)例方式。
在main.js中引入方式有所調(diào)整。
3.總結(jié)
我們在使用Vue3的時(shí)候如果發(fā)現(xiàn)原來的啥命令不好使了，不要害怕，不是取消了就是折騰了下，打開文檔瞅一瞅........基本就能解決了。歡迎大佬留言補(bǔ)充。
如果有對路由push不清楚的 請看我的這篇文章：
http://www.fzitv.net/article/256972.htm
到此這篇關(guān)于關(guān)于Vue3父子組件emit參數(shù)傳遞問題(解決Vue2this.$emit無效問題)的文章就介紹到這了,更多相關(guān)Vue3父子組件emit參數(shù)傳遞內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
axios 是一個(gè)基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端。今天我們來介紹VueJs 搭建Axios接口請求工具，需要的朋友參考下本文吧2017-11-11
本文介紹了Vue3+Vite+Ts搭建腳手架的實(shí)現(xiàn),步驟包括創(chuàng)建項(xiàng)目、選擇技術(shù)棧、安裝依賴及運(yùn)行項(xiàng)目,旨在為開發(fā)者提供一個(gè)簡易快速的搭建流程,感興趣的可以了解一下2024-11-11
vue如何對一個(gè)數(shù)據(jù)過濾出想要的item
這篇文章主要介紹了vue如何對一個(gè)數(shù)據(jù)過濾出想要的item問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue如何實(shí)現(xiàn)角色權(quán)限的控制
關(guān)于角色與權(quán)限控制,通常是分為兩大類,一種是菜單權(quán)限,一種是操作權(quán)限,本文將深入探討如何通過?Vue?實(shí)現(xiàn)角色權(quán)限控制,特別是基于按鈕級別的權(quán)限控制,需要的可以了解下2025-02-02
這篇文章主要介紹了VUE搭建手機(jī)商城心得和遇到的坑，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
這篇文章主要介紹了vue2中如何自定義組件的v-model，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
vue中this.$refs有值,但無法獲取ref的值問題及解決
這篇文章主要介紹了vue中this.$refs有值,但無法獲取ref的值問題及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
本篇文章主要介紹了Vue中添加過渡效果的方法，Vue 在插入、更新或者移除 DOM 時(shí)，提供多種不同方式的應(yīng)用過渡效果，有興趣的同學(xué)可以了解一下。2017-03-03
vue 使用Jade模板寫html,stylus寫css的方法
這篇文章主要介紹了vue 使用Jade模板寫html，stylus寫css的方法,文中還給大家提到了使用jade注意事項(xiàng)，需要的朋友可以參考下2018-02-02
這篇文章主要介紹了Vue.js中的綁定樣式實(shí)現(xiàn)，展開的內(nèi)容呦style綁定樣式和綁定class樣式，具體相關(guān)內(nèi)容需要的小伙伴可以參考下面文章介紹2022-05-05