关注
分享
文章平均质量分 96
你不用学习vue语法，不用先从入门到陌生，我带你从零基础开发一款《板上钉钉会议室管理系统》，一步一步带你从Vue菜鸟变成Vue雄鹰。从vue cli3.0脚手架的使用，到vscode配置，到后端接口设计与模拟到vue全家桶在项目中的应用，我们不怕慢，就怕原地不动，Let's Go!
luckybeggar
这个作者很懒，什么都没留下…
展开
-
07-使用Element改版登录页面
使用Element改版登录页面Vue项目实战系列主要内容：介绍Element1 任务概述前面我们已经开发了一版登录页面，基本上算是素颜了，在这个靠颜值吃饭的社会，素面朝天肯定不行，一定要开启美颜效果，要想达到即美颜，又不要花费太多的时间，只能借助一些组件。本节将教你使用Element来美颜我们的登录页面。2 Element简介官方是这样定义Element的：Element，一套...原创 2019-12-28 17:08:49 · 2674 阅读 · 1 评论 -
06-使用axios发送登录请求
使用axios发送登录请求vue项目实战系列主要内容：axios的安装使用axios发送请求vue cli 3.0跨域的设置在项目中使用YAPI模拟登录接口1 任务概述我们在前面已经实现了在表单中输入用户名和密码，点击登录按钮后跳转到主页的功能，而且也在YAPI上设计好了登录接口，接下来的任务是在输入用户名和密码后，点击登录按钮，我们开始发送登录请求，根据接口返回的消息，成功后...原创 2019-12-28 11:24:11 · 8087 阅读 · 1 评论 -
05-使用YAPI模拟登录接口
使用YAPI模拟登录接口Vue项目实战系列主要内容：设计用户登录接口在Yapi上创建登录接口测试登录接口mock数据模拟1 YAPI概述我们在开发前端的过程当中，经常有人对你说要前后端分离，其实通俗点说就是在开发前端的时候，尽量和后端少一些瓜葛和纠缠，你假装没有后端就可以了，但是我们前端的数据通常是要交由后端验证、处理、或者存储，完全把后端当成不存在是不可能的。但是，我们前端的...原创 2019-12-28 08:45:34 · 6470 阅读 · 2 评论 -
04-开发简版登录页面
开发简版登录页面Vue项目实战系列主要内容：简版登录开发过程路由组件的使用1 任务概述我们要开发的最终效果如下：登录页面：点击登录按钮之后的主页：2 简版登录页面开发2.1 修改网站图标在项目的public文件夹下的favicon.ico放的是网站图标，你可以使用一个32X32像素的图标文件覆盖成你自己的网站图标，或者使用图片，访问类似http://www.favic...原创 2019-12-27 08:36:50 · 484 阅读 · 0 评论 -
03-vue启动流程
vue启动流程vue项目开发实战系列主要内容：vue目录结构介绍vue的主要文件vue的启动流程1 vue项目目录结构下面是在VS Code中显示的vue项目目录结构：我们已经在上面标注出比较重要的文件，分析这些比较重要的文件，我们可以掌握vue项目开发的大致流程或者方向，下面将逐一进行介绍。2 Vue重要文件或目录介绍2.1 index.html下面是初始情况下的in...原创 2019-12-26 15:45:31 · 1614 阅读 · 0 评论 -
02-工欲善其事，必先利其器-打造你的VS Code
文章目录工欲善其事，必先利其器-打造你的VS Code1 前端开发工具VS Code简介2 安装VS Code插件2.1 Vetur插件1）打开vue项目2）安装Vetur插件2.2 EsLint插件1）选择规范2）ESLint插件安装3 必要配置4 可选插件4.1 自动闭合html标签4.2 Path Autocomplete4.3 vscode-icons5 更多插件6 快捷键工欲善其事，必...原创 2019-12-26 14:18:30 · 247 阅读 · 0 评论 -
01-使用vue脚手架搭建项目
使用vue脚手架搭建项目Vue项目开发实战系列主要内容：初识vues升级到vue cli4.0从零开始配置vue cli4.0使用vue cli4.0创建项目1 初识vue1.1 Vue概述我们就直接开门见山，看看Vue的官网吧：Vue官网：https://cn.vuejs.org/从官网中，我们可以知道：Vue是什么Vue是一套用于构建用户界面的渐进式Jav...原创 2019-12-25 14:28:35 · 1178 阅读 · 0 评论