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
添加导航守卫
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。