# vue-todos
[预览地址](https://liangxiaojuan.github.io/todo)(响应式设计,pc端,移动端)
[首发地址](https://github.com/liangxiaojuan/vue-todos)(源码和教程)
> **vue-todos**是 [todomvc](https://github.com/tastejs/todomvc) vue模块的升级版本,界面简约,功能丰富,知道点全面,能帮您快速上手vuejs.喜欢的请点心,关注,star ,fork,这些是我坚持下去的动力!!
### 前言
**vuejs**是一个好的开源项目,大大释放了我们的生产力。使用vue2年,不仅让我升职加薪,更让我的前端技术有了大的进步。 在各大vue群,各大论坛混了很久了,解答了不少的vuejs小白问题。发现很多问题[vueApi文档](https://cn.vuejs.org/)都是api不够理解的原因,糟糕的是很多人不喜欢查阅文档,而且由于练手机会少,所以在遇到问题的时候很无措。
<!--more-->
### 希望
本课程会带大家从零开始实战vue,希望通过此课程能够使初学者门能够快速的上手vuejs,快速的学习使用vue常用的api.让vue.js的初学者们循序渐进的,有效的学习vuejs.
### 运行
``` bash
# 更新依赖包
npm install
# 本地运行 at localhost:8080
npm run dev
# 打包
npm run build
```
### 你将学习到
* vue-cli 开发环境的搭建
* 分析api文档,组件化编程
* vue基础( 1.实例 2.组件 3.指令 4.选项 5.模板渲染 6.事件绑定 7.计算属性 8.内置动画 9.组件交互 10.内置路由)
* vue进阶(1.vue生命周期 2.vuex使用 3.axios的使用 4.[mock.js](http://mockjs.com/
) 前端模拟数据)
* 跨域问题的解决办法
### 图片预览
*pc端
![pc端](http://upload-images.jianshu.io/upload_images/4249223-1805202d724bb95f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
### 课程目录(请保持关注,一天更新一小节)
* 开发环境搭建
* [Node.js的安装](https://liangxiaojuan.github.io/2017/05/31/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue1:%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/)
* [vue-cli的安装](https://liangxiaojuan.github.io/2017/05/31/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue1:%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/)
* [创建第一个vue应用](https://liangxiaojuan.github.io/2017/05/31/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue1:%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/)
* todomvc升级版实战开发]
* 前期准备
* [项目分析](https://liangxiaojuan.github.io/2017/06/01/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84vue(2):%20%E9%A1%B9%E7%9B%AE%E5%88%86%E6%9E%90/)
* [需求分析](https://liangxiaojuan.github.io/2017/06/01/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84vue(2):%20%E9%A1%B9%E7%9B%AE%E5%88%86%E6%9E%90/)
* [api分析](https://liangxiaojuan.github.io/2017/06/01/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84vue(2):%20%E9%A1%B9%E7%9B%AE%E5%88%86%E6%9E%90/)
* [组件分析](https://liangxiaojuan.github.io/2017/06/01/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84vue(2):%20%E9%A1%B9%E7%9B%AE%E5%88%86%E6%9E%90/)
* 响应式布局
* 组件编写
* [菜单组件](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [头部组件](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [列表组件](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* 菜单
* [api.js(axios.js)编写](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [绑定菜单数据](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [新增菜单](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* 头部
* [绑定单条数据](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [新增列表](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [修改标题](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [删除内容](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* 列表
* [完成代办项](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [修改代办项](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [删除代办项](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* 锁定
* [锁定代办项](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* vuex
* [菜单数据更新](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [移动端菜单收缩](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* 过渡动画
* [菜单动画](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [列表动画](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
* [vue.js知识点讲解](https://liangxiaojuan.github.io/tags/%E5%AD%A6%E4%B9%A0%E4%B8%8D%E4%B8%80%E6%A0%B7%E7%9A%84Vue/)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
vue-cli 开发环境的搭建 分析api文档,组件化编程 vue基础( 1.实例 2.组件 3.指令 4.选项 5.模板渲染 6.事件绑定 7.计算属性 8.内置动画 9.组件交互 10.内置路由) vue进阶(1.vue生命周期 2.vuex使用 3.axios的使用 4.mock.js 前端模拟数据) 跨域问题的解决办法
资源推荐
资源详情
资源评论
收起资源包目录
vue-todos.zip (64个子文件)
vue-todos
.editorconfig 147B
.eslintrc.js 679B
src
mock
mock.js 4KB
data
todoList.js 739B
index.js 98B
App.vue 397B
assets
favicon.png 1KB
main.js 817B
api
api.js 976B
vuex
store.js 739B
actions.js 713B
getters.js 93B
components
Item.vue 2KB
menus.vue 3KB
todo.vue 5KB
layouts.vue 833B
common
font
OpenSans-Regular-webfont.svg 57KB
OpenSans-Light-webfont.eot 29KB
OpenSans-Light-webfont.svg 55KB
OpenSans-Regular-webfont.eot 29KB
OpenSans-Light-webfont.ttf 29KB
OpenSans-Regular-webfont.woff 19KB
OpenSans-Regular-webfont.ttf 29KB
OpenSans-Light-webfont.woff 19KB
style
nav.less 766B
utils.less 181B
list-items.less 1KB
layouts.less 2KB
form.less 2KB
icon.less 1KB
menu.less 2KB
util
text.less 432B
helpers.less 222B
variables.less 585B
fontface.less 952B
typography.less 779B
todo.less 2KB
icon
todos.woff 6KB
todos.svg 17KB
todos.eot 6KB
todos.ttf 6KB
router
index.js 356B
.history
README_20210803112455.md 5KB
README_20210803112313.md 5KB
.babelrc 234B
package.json 2KB
build
check-versions.js 1KB
dev-server.js 2KB
utils.js 2KB
vue-loader.conf.js 307B
webpack.prod.conf.js 4KB
build.js 953B
dev-client.js 245B
webpack.base.conf.js 2KB
webpack.dev.conf.js 1KB
.postcssrc.js 196B
index.html 574B
.gitignore 77B
.eslintignore 23B
static
.gitkeep 0B
README.md 5KB
config
prod.env.js 48B
index.js 1KB
dev.env.js 139B
共 64 条
- 1
资源评论
月流霜
- 粉丝: 924
- 资源: 132
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功