vue中父组件给子组件传值的简单用法

想要父组件给子组件传值，那么数值肯定是要在父组件中定义的：
第一步：我们要有一个父组件与子组件。简单来说就是先有两个组件 例如 Home和About。Home为父组件。About为子组件
第二步：在父组件中把子组件引入过来：

import about from './About'

第三步：在父组件中挂载子组件 ：

components:{
	  about
  }

第四步：在父组件中定义你想要传的值，例如定义msg的值为哈哈：

data(){
	  return{
		  msg:'哈哈'
	  }
  },

第五步：在父组件中用子组件,并把msg传给子组件:

<about :msg='msg'></about>

第六步：在子组件中通过props来接收一个传入的数值：

export default{
		props:['msg']
	}

第七步：在子组件中使用一下传入的值：

<h2>about组件中的msg:{{msg}}</h2>

这样基本的传值就完成了~
简单效果：