vue-todos

预览地址(响应式设计，pc端，移动端) 首发地址(源码和教程)

vue-todos是 todomvc vue模块的升级版本,界面简约，功能丰富，知道点全面，能帮您快速上手vuejs.喜欢的请点心，关注，star ,fork,这些是我坚持下去的动力!!

前言

vuejs是一个好的开源项目，大大释放了我们的生产力。使用vue2年，不仅让我升职加薪，更让我的前端技术有了大的进步。 在各大vue群，各大论坛混了很久了，解答了不少的vuejs小白问题。发现很多问题vueApi文档都是api不够理解的原因，糟糕的是很多人不喜欢查阅文档，而且由于练手机会少，所以在遇到问题的时候很无措。

希望

本课程会带大家从零开始实战vue,希望通过此课程能够使初学者门能够快速的上手vuejs,快速的学习使用vue常用的api.让vue.js的初学者们循序渐进的，有效的学习vuejs.

运行

# 更新依赖包
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 前端模拟数据)
• 跨域问题的解决办法

图片预览

*pc端

课程目录(请保持关注,一天更新一小节)

• 开发环境搭建
  • Node.js的安装
  • vue-cli的安装
  • 创建第一个vue应用
• todomvc升级版实战开发]
  • 前期准备
  • 项目分析
  • 需求分析
  • api分析
  • 组件分析
  • 响应式布局
  • 组件编写
    • 菜单组件
    • 头部组件
    • 列表组件
  • 菜单
  • api.js(axios.js)编写
  • 绑定菜单数据
  • 新增菜单
• 头部
  • 绑定单条数据
  • 新增列表
  • 修改标题
  • 删除内容
  • 列表
    • 完成代办项
    • 修改代办项
    • 删除代办项
  • 锁定
    • 锁定代办项
  • vuex
    • 菜单数据更新
    • 移动端菜单收缩
  • 过渡动画
    • 菜单动画
    • 列表动画
• vue.js知识点讲解