HBuilder X HBuilder X 中使用模拟器进行App开发https://www.cnblogs.com/oukele/p/9967291.html

uniapp组件之间的数据传递(兄弟传值) B组件<template> <view> <text>这是B组件的数据 :{{num}}</text> </view> </template> <script> export default { name:"tb", data() { return { num:10 }; }, created(){ uni.$on('updateNum',num=>{ this.num += num; }) } } </script>A组件<template> <view> 这是A组件<button @click="addNum">使用</button> </view> </template> <script> export default { name:"ta", data() { return { }; }, methods:{ addNum(){ uni.$emit('updateNum',10) } } } </script>父组件<template> <view> <ta></ta> <tb></tb> </view> </template> <script> import ta from '../../components/a.vue' import tb from '../../components/b.vue' export default { components:{ ta, tb } }

uniapp组件之间的数据传递(子组件向父组件传值) uniapp组件之间的数据传递子组件向(父组件传值)子组件<template> <view> <view><text>这是子组件数值--{{num}}</text></view> <button @click="send">传值给父组件</button> </view> </template> <script> export default { name:"test", data() { return { num:3 }; }, methods : { send() { console.log('传值给父组件',this.num) this.$emit('myEven',this.num); } } } </script>父组件<template> <view> <test @myEven="getNum"></test> </view> </template> <script> import test from '../../components/test.vue' export default { methods: { getNum(data){ console.log('父组件接受的数据'+data) } }, components:{ test : test } } </script>

uniapp组件之间的数据传递(父组件向子组件传值) 父组件向子组件传值父组件<template> <view> <test :title="11111111" ></test> </view> </template> <script> import test from '../../components/test.vue' export default { components:{ test : test } } </script>子组件<template> <view> <view><text>这是子组件--{{title}}</text></view> </view> </template> <script> export default { name:"test", data() { }, props:['title'], methods : { } } </script>