随笔分类 - VUE
摘要:首先这几个是VSCode推荐Vue开发必备的插件 Vetur —— 语法高亮、智能感知、Emmet等 包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着) EsLint —— 语法纠错 Debugger for Chrome
阅读全文
摘要:国际化支持 1.安装依赖 执行以下命令,安装 i18n 依赖。 npm install vue-i18n --save 2.添加配置 2.1 在 src 下新建 i18n 目录,并创建一个 index.js。 index.js import Vue from 'vue' import VueI18n
阅读全文
摘要:完善登录流程 1. 丰富登录界面 1.1 从 Element 指南中选择组件模板丰富登录界面,放置一个登录界面表单,包含账号密码输入框和登录重置按钮。 <template> <el-form :model="loginForm" :rules="fieldRules" ref="loginForm"
阅读全文
摘要:封装 axios 模块 封装背景 使用axios发起一个请求是比较简单的事情,但是axios没有进行封装复用,项目越来越大,会引起越来越多的代码冗余,让代码变得越来越难维护。所以我们在这里先对 axios 进行二次封装,使项目中各个组件能够复用请求,让代码变得更容易维护。 封装要点 统一 url 配
阅读全文
摘要:1、安装element-ui依赖。 npm i element-ui -S 2、项目导入 按照安装指南,在 main.js 中引入 element,引入之后,main.js 内容如下: 项目引入之后,我们在原有的 HelloWorld.vue 页面中加入一个 element 的按钮,测试一下。 页面
阅读全文
摘要:1、安装node.js,用node -v查看node版本号,用npm -v 查看npm版本号。 把Node添加到系统环境变量里面,打开cmd命令行,输入npm -v,如果出现如下图的显示,说明已经安装正确。 如果安装的是旧版本的 npm,可以通过 npm 命令来升级。 sudo npm instal
阅读全文