脚本宝典收集整理的这篇文章主要介绍了

新手-用VUE做一个todo-list.

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

前言

新手小白开始用Vue一段时间了, 开始想整合一下自己所学. 苦思冥想一个todolist, 加上一些自己感觉挺有意思的东西. 每日一做, 每天做一件自己必须做的事, 不要混日子.所以就叫做must-todu-list吧.请大神指教.

Github地址

https://github.com/qianzhaoy/...

技术栈

vue2 + muse-ui + vuex + vue-router + vue-touch + webpack + ES6

数据相关

没有写后端接口, 因为主要还是以Vue为主.(多麻烦啊,直接放上去就能看方便!)
各个页面数据相关放在了vuex的modules里了.详情请看vuex/modules/目录下的文件.

效果演示

查看demo请戳这里(请用chrome手机模式预览)

目录结构如下

├── README.md ├── build │   ├── build.js │   ├── check-versions.js │   ├── dev-client.js │   ├── dev-server.js │   ├── utils.js │   ├── vue-loader.conf.js │   ├── webpack.base.conf.js │   ├── webpack.dev.conf.js │   └── webpack.prod.conf.js ├── config │   ├── dev.env.js │   ├── index.js │   └── prod.env.js ├── index.html ├── package.json ├── src │   ├── App.vue │   ├── assets │   │   └── css │   │       └── reset.css │   ├── components │   │   ├── allocation │   │   │   └── allocationRepo.vue │   │   ├── appBar.vue │   │   ├── repository │   │   │   ├── childrenRepo.vue │   │   │   ├── footer.vue │   │   │   └── inputDialog.vue │   │   └── welcome │   │       ├── welcomeA.vue │   │       └── welcomeB.vue │   ├── main.js │   ├── router │   │   └── index.js │   ├── views │   │   ├── allocation.vue │   │   ├── history.vue │   │   ├── home.vue │   │   ├── repository.vue │   │   └── welcome.vue │   └── vuex │       ├── modules │       │   ├── allocation.js │       │   ├── history.js │       │   └── repository.js │       └── store.js └── static

启动相关

# 安装依赖项 npm install  # 启动开发环境, 地址: localhost:8080 npm run dev  # 编译打包上生产 npm run build 

总结

以上是脚本宝典为你收集整理的

新手-用VUE做一个todo-list.

全部内容,希望文章能够帮你解决

新手-用VUE做一个todo-list.

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过