最近這個(gè)組件之間傳值用的較多,我這該死的記性,總給忘記寫法,特此記錄下
第一種 父傳子
補(bǔ)充:LeftView.vue 是父組件; Video.vue 是子組件
第二種 子傳父
Video.vue 子組件
第一步 引入:
import { defineEmits } from 'vue'
第二步 命名:
const emit = defineEmits(['func'])
第三步 傳遞:
emit('func', value)
LeftView.vue 父組件
第三種 組件通用傳值EventBus
第一步 創(chuàng)建bus.js文件文章來源:http://www.zghlxwxcb.cn/news/detail-514163.html
--bus.js
import mitt from "mitt";
const emitter = mitt()
export default emitter
第二步 分別在需要相互傳參的組件中引入bus.js文件,并相互傳參文章來源地址http://www.zghlxwxcb.cn/news/detail-514163.html
到了這里,關(guān)于vue3 父子組件傳值 記錄的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!