windlany / Vue Mail List
vue全家桶+localStorage实现一个简易的通讯录
Stars: ✭ 81
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Mail List
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+800%)
Mutual labels: vuex, vue-router, localstorage
Vue Cli3 Multipage
由vue-cli3搭建的多页面多路由初始化项目包，包含ESlint，Axios，vue-router，vuex，babel，以及自己封装的异步请求API接口。
Stars: ✭ 76 (-6.17%)
Mutual labels: vuex, vue-router
Recoil Persist
Package for recoil state manager to persist and rehydrate store
Stars: ✭ 66 (-18.52%)
Mutual labels: localstorage, sessionstorage
Putongoj Fe
The front end of the Putong Online Judge -- An online judge with nothing special
Stars: ✭ 74 (-8.64%)
Mutual labels: vuex, vue-router
Xz Admin
基于Vue、element-ui技术栈开发的前后端分离后台管理系统（持续维护中）
Stars: ✭ 62 (-23.46%)
Mutual labels: vuex, vue-router
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区，使用webpack2打包
Stars: ✭ 1,134 (+1300%)
Mutual labels: vuex, vue-router
Cordovue
A sample Apache Cordova application using VueJS.
Stars: ✭ 66 (-18.52%)
Mutual labels: vuex, vue-router
Vue axios spa
基于vue2+axios+vux+vue-router+vuex构建的单页微信端项目
Stars: ✭ 54 (-33.33%)
Mutual labels: vuex, vue-router
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统（包含地图等嵌套）
Stars: ✭ 74 (-8.64%)
Mutual labels: vuex, vue-router
Bin
A tiny (<1kb) localStorage and sessionStorage helper library.
Stars: ✭ 70 (-13.58%)
Mutual labels: localstorage, sessionstorage
Vue Studymaps
使用 Vue.js 开发的聚合应用。通过爬虫抓取平时浏览的网站，省去逐个点开网页的时间。
Stars: ✭ 71 (-12.35%)
Mutual labels: vuex, vue-router
Vue Music Qq
A qq-music project is based on vue-cli. The pages are simple and smooth
Stars: ✭ 58 (-28.4%)
Mutual labels: vuex, vue-router
Mall Admin Web
mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。
Stars: ✭ 9,123 (+11162.96%)
Mutual labels: vuex, vue-router
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框
Stars: ✭ 1,135 (+1301.23%)
Mutual labels: vuex, vue-router
Pretty Vendor
[零食商贩] - 基于vue全家桶 + koa2 + sequelize + mysql 搭建的移动商城应用
Stars: ✭ 57 (-29.63%)
Mutual labels: vuex, vue-router
Vue Web Extension
🛠️ A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate) for quickly starting a web extension with Vue, Babel, ESLint and more!
Stars: ✭ 1,147 (+1316.05%)
Mutual labels: vuex, vue-router
Koa Vue Ssr Template
This template built with vue 2.x, vue-router & vuex & webpack3 with server-side rendering by koa
Stars: ✭ 53 (-34.57%)
Mutual labels: vuex, vue-router
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-33.33%)
Mutual labels: vuex, vue-router
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
localStoraeaxios- sessionStorage缓存用户信息以及已登录用户信息
- 仅支持单用户注册
2017.12.24
- 完善登录注册界面的vuex
- localStorage缓存用户信息，sessionStorage缓存当前登录用户信息
- 支持多用户注册
2018.1.12
- 添加导航守卫
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].