Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/liangxiaojuan/vue-todos

vue最新实战项目教程，从零开始，一步一个脚印,循序渐进。跟着我一起学习vue吧！
https://github.com/liangxiaojuan/vue-todos

axios element element-ui javascript mockjs react reactjs vue vue-cli vue-router vuex webpack

Last synced: about 10 hours ago
JSON representation

vue最新实战项目教程，从零开始，一步一个脚印,循序渐进。跟着我一起学习vue吧！

Host: GitHub
URL: https://github.com/liangxiaojuan/vue-todos
Owner: liangxiaojuan
Created: 2017-05-23T10:15:43.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2021-08-03T03:30:02.000Z (over 3 years ago)
Last Synced: 2025-01-04T13:24:29.652Z (7 days ago)
Topics: axios, element, element-ui, javascript, mockjs, react, reactjs, vue, vue-cli, vue-router, vuex, webpack
Language: JavaScript
Homepage: https://liangxiaojuan.github.io/todo
Size: 221 KB
Stars: 1,937
Watchers: 51
Forks: 475
Open Issues: 24
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-vue - vue-todos - todos?style=social) - vue最新实战项目教程 (Demo示例)
awesome-github-vue - vue-todos - vue最新实战项目教程 (Demo示例)
awesome - vue-todos - vue最新实战项目教程 (Demo示例)
awesome-github-vue - vue-todos - vue最新实战项目教程 (Demo示例)

README

        # 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不够理解的原因，糟糕的是很多人不喜欢查阅文档，而且由于练手机会少，所以在遇到问题的时候很无措。

 

### 希望

本课程会带大家从零开始实战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/)