在父组件 App.vue 中引用子组件 A.vue，把 name 的值传给 A 组件。这篇文章主要介绍了vue2.0 父组件给子组件传递数据的方法,需要的朋友可以参考下

1.父组件传递数据给子组件 父组件数据如何传递给子组件呢？可以通过props属性来实现 父组件： //这里必须要用 - 代替驼峰 data(){ return { msg: [1,2,3] }; } 子组件通过props来接收数据: 方式1： props: ['childMsg'] 方式2 : props: { childMsg: Array //这样可以指定传入的类型，如果类型不对，会警告 } 方式3： props: { childMsg: {

1.父组件传递数据给子组件 父组件数据如何传递给子组件呢？可以通过props属性来实现 父组件： //这里必须要用 - 代替驼峰 data(){ return { msg: [1,2,3] };} 子组件通过props来接收数据: 方式1： props: ['childMsg'] 方式2 : props: { childMsg: Array //这样可以指定传入的类型，如果类型不对，会警告} props: { childMsg: { type: Array, default:

在父组件 App.vue 中引用子组件 A.vue，把 name 的值传给 A 组件。 1、安装 在桌面新建一个文件夹 $ cd 到文件中 $ npm install -g vue-cli $ vue init webpack . $ npm install $ npm run dev vue init webpack . 之后的选择解释 2、删除 1、删除App中的一些内容如下 2、删除components文件中的HelloWorld.vue 3、修改 修改App.vue 如下：