uniapp vue2父组件传值给子组件

<!-- vue2的写法 -->
<template>
  <view class="content">
    <button type="primary" @click="login">传值</button>
  </view>
  <TC-WXlogin :value="wxlogin" />
</template>
<script>
  import TCWXlogin from '/uni_modules/TC-WXlogin/pages/index.vue';
  export default {
    components:{
    TCWXlogin 
    },
    data() {
      return {
        wxlogin: ''
      }
    },
    onLoad() {
    },
    methods: {
      login() {
                this.wxlogin = 'true'
        console.log("点击", this.wxlogin)
      },
    }
  }
</script>
<style>
</style>

<!-- vue2的写法 -->
<template>
  <view class="aa">
  {{ wxlogin }} 5555
  </view>
</template>
<script>  
  export default {
     props: {
        value: String // 接收父组件传递的值
      },
    data() {
      return {
        wxlogin: '',
      }
    },
    onLoad() {
    },
      watch: {
        value(newValue) {
          this.wxlogin = newValue; // 监听父组件传递的值的变化，更新子组件的值
        }
      },
    methods: {
        },
    }
</script>
<style>
</style>