component-communication.vue 650 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <view>
  3. <page-head title="组件通讯示例"></page-head>
  4. <view class="uni-padding-wrap">
  5. <view class="uni-btn-v">
  6. <reciver></reciver>
  7. <sender></sender>
  8. <sender-bus></sender-bus>
  9. </view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. import reciver from './reciver.vue'
  15. import sender from './sender.vue'
  16. import senderBus from './sender-bus.vue'
  17. export default {
  18. components:{
  19. reciver,
  20. sender,
  21. senderBus
  22. },
  23. data() {
  24. return {
  25. }
  26. },
  27. methods: {
  28. }
  29. }
  30. </script>
  31. <style>
  32. </style>