vue组件父组件给子组件传值与子传父

//父传子

	<div class="app">	
		<cpny :cmessage="message"></cpny>
	</div>
	<template id="cpn">
		<div>
			<h1>我是标题</h1>
			<p>{{cmessage}}</p>
			<p>{{ag}}</p>
		</div>
	</template>

<script type="text/javascript">
	const cpny={
		template:'#cpn',
		props:["cmessage"]
		//另一种写法,这样写应该好理解一点就和在vue里写data一样，可以把子组件看成一个小的vue实例
		//props:{
		//	cmessage:'',
		//	ag:{
		//		default:'aaaaaa'  //默认值，因为这个变量是自己申明的，没有：绑定，就想vue实例里自己申明了一个变量
												//自己显示一样,嘿嘿，有没有发现变简单了呢
		//	}
		//}
	}

	const app=new Vue({	
		el:".app",
		data:{
			message:['菠萝','香蕉','橘子','茄子']
		},
		components:{
			cpny
		},

	})
</script>
</body>

//子传父

//ps初学菜鸡记笔记罢了（0.0）