vue中父组件向子组件传值--vue学习

vue中，父组件可以向子组

<div id="app">
		<com :parentmes="mes"></com>  <!-- 父组件向子组件中传递数据,使用v-bind指令传递 -->
	</div>
	<script>
		var vm = new Vue({
			el:"#app",
			data:{
                mes:"这是父组件中的值"
			},
			components:{
				com:{
					template:"<h1>这是子组件----{{ parentmes }}</h1>",
					props:["parentmes"]
				}
			}
		})
	</script>

父组件是通过v-bind指令向子组件传值,然后子组件需要在自身的props属性上定义父组件传递过来的值，这样子组件才能使用父组件传递过来的值