notes App with vue and vuex

用 vue.js   做了个 Notes 小 App ,通过这个练习,可以熟悉及理解使用 vue cli 创建的 vue 项目是如何运行,使用 webpack 模块化管理项目,且在这个小 App 里使用了  vuex 数据管理,可以更好的理解 StateMutationsGettersActions  的概念且运用它们。

Notes 已经在网络上可以访问:Notes

项目的代码放在 GitHub 上,如想了解详情,可去 GitHub / vuex-notes 下载,或者使用 git 下载


cd desktop
git clone https://github.com/persilee/vuex-notes.git
cd vuex-notes
npm i //安装依赖
npm start //启动项目,访问 http://localhost:8080

效果如图:

notes


分享
23 条评论
  • nykee
    Google ChromeGoogle Chrome WindowsWindows

    博客地址:https://www.nykee.cn
    博客名称:nykee`s blog
    头像地址:https://image.nykee.cn/nykee.png
    求换友链大佬 :squinted: :oops:

    Reply
  • Anonymous
    Google ChromeGoogle Chrome WindowsWindows

    :?: :!: :mad: :cry: :oops: :squinted: :mrgreen: :shock: :idea: :razz:

    Reply
  • 等风也等你
    Google ChromeGoogle Chrome WindowsWindows

    请问vue-notes这个可以添加笔记的源码可以给我一份学习吗? 我很喜欢这个功能,

    Reply
  • 小彦
    Google ChromeGoogle Chrome WindowsWindows

    动态效果真好,问问,界面设计得好看,有什么前端框架么

    Reply
  • 援军
    Google ChromeGoogle Chrome WindowsWindows

    在家里装了cli后 跑公司用cdn引入写代码去了,完全没用上…… :gunshot: 到处搭环境太麻烦了(VUE菜鸡表示完全看不懂文档)

    Reply
    • persilee
      SafariSafari MacMac

      @援军 : :lovely: 相对其他的,vue 还是挺容易学的...

      Reply
  • YIR

    YIRYIR

    Google ChromeGoogle Chrome WindowsWindows

    很存粹耶,话说存在本地,那太省心了!

    Reply
    • persilee
      SafariSafari MacMac

      @YIR : 哈哈,是的我也不知道你写的什么,只有你自己知道 :shock:

      Reply