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、网站不提供资料下载,如需下载请到原作者页面进行下载。