Mynameisfwk / Vue Todo List
vue2.0+vuex+localStorage 待办事项
Stars: ✭ 61
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Todo List
Vuejs Aspnetcore Ssr
🆙 VueJS 2.5 Server Side Rendering on ASP.NET Core 2 and more
Stars: ✭ 57 (-6.56%)
Mutual labels: vuex, vuejs2
Blog Admin
personal blog administration and management, by iview
Stars: ✭ 13 (-78.69%)
Mutual labels: vuex, vuejs2
Vuetify Material Dashboard
Vuetify Material Dashboard - Open Source Material Design Admin
Stars: ✭ 1,023 (+1577.05%)
Mutual labels: vuex, vuejs2
Vue Meteor
🌠 Vue first-class integration in Meteor
Stars: ✭ 893 (+1363.93%)
Mutual labels: vuex, vuejs2
Vue Entity Adapter
Package to maintain entities in Vuex.
Stars: ✭ 20 (-67.21%)
Mutual labels: vuex, vuejs2
Cordova Template Framework7 Vue Webpack
Framework7 - Vue - Webpack Cordova Template with Webpack Dev Server and Hot Module Replacement
Stars: ✭ 630 (+932.79%)
Mutual labels: vuex, vuejs2
Vuejs Interview Questions
List of 300 VueJS Interview Questions And Answers
Stars: ✭ 948 (+1454.1%)
Mutual labels: vuex, vuejs2
Vue Pomo
A progressive web app for the Pomodoro Technique, built with Vue 2.0, Vuex and Firebase.
Stars: ✭ 51 (-16.39%)
Mutual labels: vuex, vuejs2
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+1095.08%)
Mutual labels: vuex, vuejs2
Vuex I18n
Localization plugin for vue.js 2.0 using vuex as store
Stars: ✭ 657 (+977.05%)
Mutual labels: vuex, vuejs2
Vue Typescript Dpapp Demo
🔥 Let's start with TypeScript
Stars: ✭ 613 (+904.92%)
Mutual labels: vuex, vuejs2
Ticket Conductor
A free and open-source Laravel 5.5 and VueJS (SPA) Ticket system
Stars: ✭ 48 (-21.31%)
Mutual labels: vuex, vuejs2
基于vue2.0+vuex+localStorage写的记事本
写在前面
这个demo虽然功能少,但是其知识点很精华 基本上vuex知识点大部分都在这里面了,麻雀虽小 五脏俱全
如果你觉的对你有帮助帮忙点个star谢谢 感谢大佬!
前端交流群740625675 志同道合的可以加下一起学习!
代码预览
vuex官方文档 https://vuex.vuejs.org/ 我觉的官方文档说明很详细
localStorage用来本地储存
const state={
home:localStorage["home"]?JSON.parse(localStorage["home"]): [],
item:localStorage["item"]?JSON.parse(localStorage["item"]): [],
}
export default state
const mutations={
[types.SET_SHIXIANG](state,data){
state.home.push(data)
localStorage.setItem("home",JSON.stringify(state.home));
},
[types.SET_YES](state,data){
state.item.push(data)
localStorage.setItem("item",JSON.stringify(state.item));
}
}
export default mutations
const actions={
setOrder ({commit}, data) {
commit('SET_SHIXIANG', data);
},
setYes({commit},data){
commit('SET_YES',data)
}
}
export default actions
项目截图
项目运行
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
写在最后
前端实习生一枚,做的不好,还望大佬嘴下留情 轻喷 大佬我想要个star
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].