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