someOne.vue 753 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <view class="some-one">
  3. WHO AM I?
  4. <view> I AM {{name}}</view>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. props: {},
  10. data: () => ({
  11. name:''
  12. }),
  13. computed: {},
  14. methods: {
  15. nameCallback(name){
  16. console.log(`nameCallback name = ${name}`);
  17. this.name = name
  18. }
  19. },
  20. watch: {},
  21. created(){
  22. uni.$on("updateName",this.nameCallback)
  23. },
  24. // 组件周期函数--监听组件挂载完毕
  25. mounted() {},
  26. // 组件周期函数--监听组件激活(显示)
  27. activated() {},
  28. // 组件周期函数--监听组件停用(隐藏)
  29. deactivated() {},
  30. // 组件周期函数--监听组件销毁之前
  31. beforeDestroy() {
  32. uni.$off("updateName",this.nameCallback)
  33. },
  34. };
  35. </script>
  36. <style></style>