<div id="app"><!-- 1 給屬性添加 .sync 修飾符 --><child :childmsg.sync="msg"></child></div><script src="./vue.js"></script><script>// 2 props 是只讀的，不能修改。// 不能修改是說(shuō)：不能重新賦值const vm = new Vue({el: '#app',data: {msg: 'parent data'},components: {child: {template: `<p @click="fn">子組件 -- {{ childmsg }}</p>`,props: ['childmsg'],methods: {fn() {// 2 通過(guò) $emit 觸發(fā)一個(gè)特殊形式的事件// 事件名稱(chēng)： update: + props屬性的名稱(chēng)this.$emit('update:childmsg', '修改后的數(shù)據(jù)')}}}}})</script>

轉(zhuǎn)載于:https://www.cnblogs.com/mushitianya/p/10528306.html

總結(jié)

以上是生活随笔為你收集整理的实现props的双向绑定的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。