v-bind

v-bind用来绑定数据和属性。
模板：v-bind:message(属性名)=‘parentMsg’;(属性值)
new Vue({
el:’#app’,
data:{
parentMsg:‘你好’
};
});
对应的属性值去vue模板里面找。

<div id="app">
	<div>
	  <input v-model="parentMsg">
	  <br>
	  <child v-bind:message="parentMsg"></child>
	</div>
</div>

<script>
// 注册
Vue.component('child', {
  // 声明 props
  props: ['message'],
  // 同样也可以在 vm 实例中像 “this.message” 这样使用
  template: '<span>{{ message }}</span>'
})
// 创建根实例
new Vue({
  el: '#app',
  data: {
	parentMsg: '父组件内容'
  }
})
</script>