JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vue">
<child :test1="test" ref="child"></child>
</div>

JavaScript

new Vue({
	el:'#vue',
  data:{
  	test:'old value'
  },
  components:{
  	child:{
    	template:`<div>{{test}}</div>`,
    	props:['test1'],
      methods:{
      	log(){
        	console.log(this.test1)
        }
      }
    }
  },
  mounted(){
    this.test = 'new value'
    this.$refs.child.log()
    this.$nextTick(()=>this.$refs.child.log())
  }
})