书史足自悦，安用勤与劬。这篇文章主要讲述vue2+webpack使用2-componentA与App.vue的互相联系相关的知识，希望能为你提供帮助。
环境配置:
1 安装nodejs（还未安装时） node -v npm -v 查看是否安装成功
2 npm install vue-cli -g
3 vue init webpack （项目文件夹：shift+右键 在此次打开命令窗口）
(cnpm代替npm: npm install cnpm -g --registry=https://registry.npm.taobao.org)
4 npm install
(npm install xxx --save-dev
--save-dev 是你开发时候依赖的东西，--save 是你发布之后还依赖的东西)
5 npm run dev
config/index.js 配置端口号
build/webpack.base.conf.js 改引入路径（开发引入文件时少写点层级）
如果想要本地打开（不使用服务器）
1 componentA.vue加载到App.vue里
1.1 componentA.vue代码
文章图片
1.2 App.vue 代码
文章图片
1.3 效果展示
文章图片
2 App.vue向 componentA传递数据
【vue2+webpack使用2-componentA与App.vue的互相联系】2.1 App.vue 传递数据
< component-a msgFromFather="好好干"> < /component-a>
2.2 componentA.vue
文章图片
2.3 检测是否收到
文章图片
3 componentA向 App.vue传递数据
3.1 App.vue
文章图片
3.2 componentA.vue
文章图片
3.3检测是否实现
文章图片
文章图片
文章图片
文章图片
推荐阅读
- HDU 6020 MG loves apple （乱搞（））
- android导入其他工程源码包后出现大量错误提示remove @Override annotation 的解决办法
- Excel2010：日期与时间设置的办法_Excel专区
- 迅速输入word2007重复文字的办法_Word专区
- 超级技巧：Word2007中剪切与粘贴技巧_Word专区
- Word2007:保存文档的办法_Word专区
- Word2007：初识用户界面_Word专区
- WPS表格：新建空白文档_Excel专区
- Word2007：绘制斜线表头的办法_Word专区