Code Monkey home page Code Monkey logo

vue-todo-list's Introduction

基于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

vue-todo-list's People

Contributors

mynameisfwk avatar zhangxiaoshang avatar

Stargazers

 avatar whisper avatar  avatar 解梦华 avatar 星与辰Starstars avatar  avatar  avatar Roman Hossain Shaon avatar GAURAV avatar ccf19881030.github.io avatar  avatar Jaelyn avatar WangJun avatar  avatar YUN73R avatar zenistu. avatar LJW avatar zhaocom avatar  avatar  avatar Sharan avatar  avatar  avatar  avatar  avatar chance avatar  avatar freya avatar  avatar  avatar boom avatar  avatar  avatar Du JunHui  avatar  avatar  avatar  avatar  avatar  avatar Hixon avatar  avatar  avatar  avatar Gilberto Olimpio avatar  avatar Zhang Chenglin avatar Clayon avatar  avatar isCat avatar Geek-James avatar hi avatar  avatar  avatar  avatar  avatar  avatar  avatar li avatar lige avatar zhang463291046 avatar lenghan avatar  avatar upupzp1 avatar  avatar  avatar Song Zeng avatar Mars avatar  avatar  avatar

Watchers

James Cloos avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.