vue2使用組件進行父子互相傳值的sync語法糖方法和原生方法 _生活百科

原生方法：（事件名可以不在props通道里）子類通過props通道綁定父類里data里的jjjjjj（@:fefefeff='jjjjjjjjjjjjj'）父組件通過監聽fefeff事件來把子類傳來的數據傳給父組件里的jjjjjj，又因為通過props綁定了，所以也就實現了父子傳值（@fefefeff="bol=>jjjjjjjjjjjjjj=bol）語法糖方法：（事件名必須是在props通道中）父組件使用@:fefefeff.sync ，則子組件需要在事件名前加update，事件名必須是在props通道中父組件<template><div><input type="button" value="https://www.huyubaike.com/biancheng/我是父組件中的按鈕" @click="show"><child :fefefeff.sync="jjjjjjjjjjjjjj"></child></div></template><script>import child from "@/components/child"export default {data() {return {jjjjjjjjjjjjjj:'我是父組件綁給子組件的',}},components:{child},methods:{show(){this.jjjjjjjjjjjjjj='我是父傳過來的';},}}</script>子組件【vue2使用組件進行父子互相傳值的sync語法糖方法和原生方法】<template><div><div>我是一個子組件，我出現了?。。。。。。?<input type="button" value="https://www.huyubaike.com/biancheng/點我傳值" @click="myShow" /><h1>{{fefefeff}}</h1></div></div></template><script>export default {props: ["fefefeff"],methods: {myShow() {this.$emit("fefefeff", "我是子傳過來的");this.$emit("ccccc", "我是子傳過來的");//使用sync 需要加語法糖update:事件名進行傳值this.$emit("update:fefefeff", "我是子傳過來的");},},};</script>

文章插圖

vue2使用組件進行父子互相傳值的sync語法糖方法和原生方法

推薦閱讀

《諾貝爾獎包括哪些獎項諾貝爾獎到底包括哪些獎項-諾貝爾獎包括哪些獎項諾貝爾獎到底包括哪些獎項》

帶魚怎么炸好吃，炸帶魚段家常做法酥脆好吃？

戴爾家用電腦臺式機推薦戴爾家用電腦

最強蝸牛物種戰爭怎么進

寧波醫保中心電話寧波醫保中心咨詢電話

補充葉酸、避免泡溫泉，降低脊裂癥風險

打鼻子的玻尿酸一般什么牌子的好鼻子打玻尿酸注意事項有哪些

幾千塊錢的二手面包車能買嗎幾千塊錢的二手面包車能買嗎？

仰臥起坐怎么才能脖子不使勁怎么做仰臥起坐不累脖子

夏利a車圖片，夏利車系列

白術佛手湯的功效與作用白術佛手湯的禁忌

西塞山前白鷺飛西塞山前白鷺飛

孩子姓華叫什么好姓華的有什么名字比較好?

自動駐車危害是什么自動駐車的危害

昌吉美食作文昌吉美食

夏天喝酸奶的好處夏天喝酸奶的好處簡述

種植辣椒前景怎么樣種植辣椒前景怎么樣視頻

車險電話是24小時的嗎各大車險公司電話號碼大全

凍了的木瓜還能不能吃木瓜凍了還可以吃嗎??

冬季平菇接種什么溫型，平菇種植方法