vue組件化通信之子向父傳值
vue組件化通信之兄弟組件傳值

vue中子向父傳遞消息一般使用$emit，方法比較簡單，直接看代碼

父組件

<template><div><childTest @msg='myMsg'></childTest>{{msg}}</div> </template><script>import childTest from './childTest.vue'export default {components: {childTest},data() {return {msg: ''}},methods:{myMsg(msg){this.msg = msg}}} </script>

子組件

<template><div></div> </template><script>export default {mounted() {this.$emit('msg','my vue emit')}} </script>

總結

以上是生活随笔為你收集整理的vue组件化通信之子向父传值的全部內容，希望文章能夠幫你解決所遇到的問題。

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