【Vue CLI】

发布于:2023-09-09 ⋅ 阅读:(88) ⋅ 点赞:(0)

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
在这里插入图片描述

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

获取父组件值
在这里插入图片描述
在这里插入图片描述
调用父组件方法
在这里插入图片描述
在这里插入图片描述
效果
在这里插入图片描述

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到