Vue2.0系列教程:简介

6036 次阅读 zuley 发布于 3年前 (2016-10-18) 前端开发 0 评论

下午在博客发了要实现的小目标,我可不能偷懒哈哈哈。先把Vue2系列教程的简介弄了出来,明天再慢慢整理一系列的。前阵子才写了1.0的学习笔记现在2马上就出来了,前端就是这样心塞,时刻都必须在学习状态~~~

banner

本教程将使用Vue2.0leancloud开发一个拥有完整的注册、登录、退出登录流程的小DEMO。

要使用的技术

技术 描述
npm 包管理器
vue-cli vue脚手架,官方命令行工具
Vue2.0 Vue最新版本
Vue-router Vue的官方路由工具
element 基于Vue2.0的一个UI组件库,用于快速构建网站界面
leancloud 一站式后端云服务,拥有完整的后台的数据逻辑

要实现的功能

1、基于vue2.0使用vue-cli脚手架搭建出项目
2、实现注册功能,注册后可用于登录。
3、实现登录功能,可用注册成功的账号登录。
4、实现退出登录功能,退出后跳转到登录界面

注意

本教程中登录,注册等用户逻辑是基于leancloud的,所以得先去申请一个leancloud的账号,创建一个应用获取App IDApp Key

第一讲:起步

  1. Vue2.0 系列教程:简介
  2. Vue2.0 系列教程:npm 常用命令
  3. Vue2.0 系列教程:npm package.json 配置文件语法
  4. Vue2.0 系列教程:Vue的安装和使用

第二讲: 构建环境和安装依赖

  1. Vue2.0 系列教程:初始化项目
  2. Vue2.0 系列教程:配置路由
  3. Vue2.0 系列教程:使用 leancloud 云服务

第三讲:开发页面

  1. Vue2.0 系列教程:注册页面
  2. Vue2.0 系列教程:登录页面
  3. Vue2.0 系列教程:首页 OR 退出登录
二维码
扫描此二维码去手机端访问

Vue2.0系列教程:简介

文章评论

发表评论