vue初学--5安装element-ui和axios

1.打开window powershell，切换到项目根目录下，2.2.安装element-ui注意直接使用npm install element-ui --save有可能报错3.在src目录下的main.js文件中，引入element-ui的依赖，并进行全局的引用（蓝色框的是需要添加的内容）...

Yannis111

1002人浏览 · 2022-04-13 17:34:34

Yannis111 · 2022-04-13 17:34:34 发布

1.打开window powershell，切换到项目根目录下，
在这里插入图片描述 2.
2.安装element-ui（element-plus）

注意直接使用npm install element-ui --save有可能报错

3.在src目录下的main.js文件中，引入element-ui（element-plus）的依赖，并进行全局的引用

4.在about页面（AboutView.vue）调用element中的按钮
在这里插入图片描述
调用成功，引入element-ui（element-plus）成功

5.安装axios，vue-axios
进行前后端对接

6.全局引用axios（结合 vue-axios使用）
之后就可以使用了，在组件文件中的methods里去使用了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^