vue2.0父组件给子组件传递数据的方法

在父组件 App.vue 中引用子组件 A.vue,把 name 的值传给 A 组件。

成都创新互联专注于兖州网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供兖州营销型网站建设,兖州网站制作、兖州网页设计、兖州网站官网定制、小程序定制开发服务,打造兖州网络公司原创品牌,更为您提供兖州网站排名全网营销落地服务。

1、安装

在桌面新建一个文件夹

$ cd 到文件中
$ npm install -g vue-cli
$ vue init webpack . 
$ npm install
$ npm run dev

vue init webpack . 之后的选择解释

vue2.0 父组件给子组件传递数据的方法

2、删除

1、删除App中的一些内容如下

2、删除components文件中的HelloWorld.vue

vue2.0 父组件给子组件传递数据的方法

3、修改

修改App.vue

如下:


4、新建

在components新建A.vue并写入内容如下:


5、最后

在命令行输入

$ npm run dev

vue2.0 父组件给子组件传递数据的方法

总结

以上所述是小编给大家介绍的vue2.0 父组件给子组件传递数据的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!


网站标题:vue2.0父组件给子组件传递数据的方法
当前网址:http://bzwzjz.com/article/pghhpd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站设计 重庆企业网站建设 成都商城网站制作 成都网站制作 成都网站建设 H5网站制作 成都网站建设公司 网站建设公司 阿坝网站设计 成都网站设计 重庆网站制作 古蔺网站建设 成都网站建设 成都品牌网站设计 成都网站建设 营销型网站建设 成都网站设计 网站设计 手机网站建设套餐 成都网站设计制作公司 移动网站建设 成都网站设计