Vue 父子組件在同一頁面，父組件傳值給子組件無效，原因：子組件先初始化

 使用ref給子組件賦值，然後在子組件在監聽值的變化，這樣可以父子組件可以同時更新

// 父組件
<template>
  <children ref="child"></children>
</template>
 
<script>
import children from ".../children"
 
export default {
   methods: {
        changeChild() {
            //改變子組件的值
            this.$refs.child.childData = true;    // 這句很重要
        }
   },
  mounted() {
    this.changeChild()
  }
}
// 子組件children.vue
export default {
 data(){
    return{
        childData:false
    }
 }
 watch: {
    //監聽值是否改變
    childData(val) {
            console.log(val);
    },

  },
}