delktsai / mail_list

vue全家桶+localStorage实现一个简易的通讯录

mail list

前言

最近在学习vue，就写了一个简易的SPA通讯录项目，该项目用了

• vue
• vue-router
• vuex
• axios
• localStorage
• sessionStorage

写这个项目之前我用vue写过很多小的页面部件，比如选项卡、路由跳转之类的，但毕竟这些涉及的知识是零散的，当系统的学习了之后我就想做一个整体性的项目，一方面巩固知识一方面打通经脉，所以就写了这个通讯录。

目前这个通讯录支持多用户注册，后期还可以用node写一个后台与之交互，我也会一直维护，完善以及优化项目，也会根据需求增添个别功能，学vue的朋友也可以clone下来练练手。

从零出发完成一个SPA。

动图展示

运行项目

# clone项目到本地
git clone https://github.com/windlany/mail_list.git

# 安装项目依赖
npm install

# 将项目部署在localhost:8080，运行一下命令打开浏览器的localhost:8080查看
npm run dev 

2017.12.21

• vue
• vue-router
• localStorage
• axios

2017.12.23

• 登录注册界面vuex
• localStorae
• axios
• sessionStorage缓存用户信息以及已登录用户信息
• 仅支持单用户注册

2017.12.24

• 完善登录注册界面的vuex
• localStorage缓存用户信息，sessionStorage缓存当前登录用户信息
• 支持多用户注册

2018.1.12

• 添加导航守卫