国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue + vuex todolist demo

CarterLi / 685人閱讀

摘要:最近有空重新看了一下然后又寫了一個小原理比較簡單主要是自己規范了一下代碼的寫法地址效果圖根組件過濾條件組件添加待辦組件單個待辦事項組件部分模塊

todolist demo
最近有空重新看了一下vuex,然后又寫了一個todolist小demo,原理比較簡單,主要是自己規范了一下代碼的寫法.
gitee地址 : https://gitee.com/darcrandex/...
效果圖

根組件





過濾條件組件





添加待辦組件





單個待辦事項組件





vuex部分(模塊)
const state = {
  list: [],
  types: ["ALL", "UNDO", "DONE"],
  filter: "ALL"
}
const mutations = {
  handleAdd(state, item) {
    state.list = [...state.list, item]
  },
  handleRemove(state, id) {
    state.list = state.list.filter(obj => obj.id !== id)
  },
  handleToggle(state, id) {
    state.list = state.list.map(
      obj => (obj.id === id ? { ...obj, status: !obj.status } : obj)
    )
  },
  handleUpdateFilter(state, filter) {
    state.filter = filter
  }
}
export default {
  namespaced: true,
  state,
  mutations
}

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/93280.html

相關文章

  • Vue搭建一個應用盒子(一):todo-list

    摘要:最近在研究的相關知識,最好的學習方法莫過于自己開發一個,這樣帶著問題來學習,進步自然飛速。在首頁里,我們會用寫一個導航,通過的路由導航到不同的應用。我們在文件夾里創建一個新的組件。 最近在研究vue的相關知識,最好的學習方法莫過于自己開發一個SPA,這樣帶著問題來學習,進步自然飛速。于是邊查邊寫差不多花了2周寫完了一個todo-list,功能不夠完備,但是麻雀雖小,卻也是五臟俱全,基本...

    MAX_zuo 評論0 收藏0
  • 應用vue2+vuex+vue-router+webpack2+es6+express+mysql技

    摘要:其實這里還是有漏洞的,坐等高手指出來微笑臉后臺沒有用生成一個完整的架構。來自不同視圖的行為需要變更同一狀態。 最近對vue很感興趣,趁閑暇時間,模仿了wunderlist里面的部分功能,編寫了前后端分離的基于vue技術棧和express的todolist小項目。寫這篇博文來總結思考下。項目所在github,可以自行參考克隆。 本人博客 總體概覽 整個項目最終做成的樣子如下: showI...

    voidking 評論0 收藏0
  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0
  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<