Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/windlany/vue-mail-list
vue全家桶+localStorage实现一个简易的通讯录
https://github.com/windlany/vue-mail-list
localstorage sessionstorage vue vue-router vuex
Last synced: 2 months ago
JSON representation
vue全家桶+localStorage实现一个简易的通讯录
- Host: GitHub
- URL: https://github.com/windlany/vue-mail-list
- Owner: windlany
- Created: 2017-12-21T01:42:47.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-04-11T02:23:26.000Z (almost 7 years ago)
- Last Synced: 2023-03-06T21:09:47.527Z (almost 2 years ago)
- Topics: localstorage, sessionstorage, vue, vue-router, vuex
- Language: JavaScript
- Homepage:
- Size: 1.68 MB
- Stars: 94
- Watchers: 4
- Forks: 21
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# mail list
## 前言
> 最近在学习vue，就写了一个简易的SPA通讯录项目，该项目用了
> - vue
> - vue-router
> - vuex
> - axios
> - localStorage
> - sessionStorage
>
> 写这个项目之前我用vue写过很多小的页面部件，比如选项卡、路由跳转之类的，但毕竟这些涉及的知识是零散的，当系统的学习了之后我就想做一个整体性的项目，一方面巩固知识一方面打通经脉，所以就写了这个通讯录。
>
> 目前这个通讯录支持多用户注册，后期还可以用node写一个后台与之交互，我也会一直维护，完善以及优化项目，也会根据需求增添个别功能，学vue的朋友也可以clone下来练练手。
>
>从零出发完成一个SPA。
## 动图展示
## 运行项目
```bash
# 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
- 添加导航守卫