【Vue CLI】

node.js安装

https://nodejs.org/download/release/v15.14.0/
管理员运行cmd node -v

安装npm npm install -g cnpm --registry=https://registry.npm.taobao.org
查看是否安装成功 npm -v

注册淘宝镜像加速器 npm config set registry https://registry.npm.taobao.org/
查看镜像使用状态 npm config get registry

全局安装Vue-cli npm install vue-cli -g

查看是否安装成功 vue list

Vue-cli搭建

进入要安装的目录

vue init webpack MY-VUE


进入项目

安装路由npm install vue-router@3.2.0 -S
安装element-uinpm i element-ui -s
安装依赖npm install
安装axios npm install --save axios vue-axios
安装SAsSnpm install -g cnpm --registry=https://registry.npm.taobao.org
安装echartsnpm install echarts@4.9.0
npm run dev

修改端口

安装 WebPack

npm install webpack webpack-cli -g

子组件获取父组件的值，调用父组件方法

获取父组件值


调用父组件方法


效果