# vue-tel

**Repository Path**: lucoding00/vue-tel

## Basic Information

- **Project Name**: vue-tel
- **Description**: 使用vue做的一个简单的通讯录
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-16
- **Last Updated**: 2022-06-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue简易小程序

## README

# mail list 

## 前言
> 最近在学习vue，就写了一个简易的SPA通讯录项目，该项目用了
> - vue 
> - vue-router
> - vuex
> - axios
> - localStorage
> - sessionStorage
> 
> 写这个项目之前我用vue写过很多小的页面部件，比如选项卡、路由跳转之类的，但毕竟这些涉及的知识是零散的，当系统的学习了之后我就想做一个整体性的项目，一方面巩固知识一方面打通经脉，所以就写了这个通讯录。
>
> 目前这个通讯录支持多用户注册，后期还可以用node写一个后台与之交互，我也会一直维护，完善以及优化项目，也会根据需求增添个别功能，学vue的朋友也可以clone下来练练手。
>
>从零出发完成一个SPA。


## 动图展示
![](https://github.com/windlany/mail_list/blob/master/static/img/mailList.gif)

## 运行项目
```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
- <del>localStorae</del>
- <del>axios</del>
- sessionStorage缓存用户信息以及已登录用户信息
- 仅支持单用户注册

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

#### 2018.1.12
- 添加导航守卫