1. 首页
  2. 编程语言
  3. Javascript
  4. Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

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

上传者: 2021-09-06 09:53:19上传 PDF文件 107.34 KB 热度 7次

在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绑定属性子

用户评论