vue父组件向子组件通过props实现数据传递详解

1、在父组件app.vue的scripts下引入子组件HelloWorld.vue，例如

import HelloWorld from './components/HelloWorld'

2、添加到components中，

components:{
    HelloWorld
  }

3、在父组件的template下渲染子组件的内容，

4、父组件向子组件传递数据，代码如下，在中，text是向子组件传递的属性名，message是父组件向子组件传递的数据，其中:不能缺少，表示动态传递数据，

5、子组件接收数据，并渲染页面，代码如下，其中props是用来接收父组件传递的字符串数据‘你好，Vue！’，其中text对应父组件中传递来的属性名，其中数据类型为String，默认为空字符串，