JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.bootcss.com/vue/1.0.22/vue.js"></script>
<child :msg="propValue"></child>
<div>
  {{kk}}
</div>

JavaScript

Vue.component('child', {
  // 声明 props
  props: ['msg'],
  // prop 可以用在模板内
  // 可以用 `this.msg` 设置
  template: '<span>{{ msg }}</span>'
})

var alert= new Vue({
	el:"body",
  data:{
   kk:"kk",
   propValue:"something"
  }
})
alert.kk="fa";
alert.propValue= "hahahah";