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

轉載于:https://www.cnblogs.com/mushitianya/p/10528306.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。