Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

drug94501 5 0 pdf 2021-09-06 09:09:19

在git命令行下,执行以下命令完成环境的搭建:1,npm install --global vue-cli 安装vue命令行工具2,vue init webpack vue-demo 使用vue命令生成一个webpack项目,项目名称为vue-demo3,cd vue-demo 切入项目4,npm install安装package.json中的所有依赖包5,npm run dev运行项目然后删除默认的Hello.vue组件,把App.vue整理成以下样子:把router下面index.js文件修改如下:代码如下:这样就完成了父组件通过props属性向子组件传递数据也可以用v-bind绑定属性子

Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

用户评论
请输入评论内容
评分:
暂无评论