luyuanye / 201802vue

201802VUE

##Vue基础第一天

• 1.什么是MVC和MVVM模式
• 2.什么是vue?
• 3.Vue初识以及小胡子语法
• 4.数据响应视图的原理(setter和getter拦截)和注意问题
• 5.defineProperty和双向数据绑定的原理实现
• 6.vue中v-model实现双向数据绑定
• 7.使用ES6中proxy实现双向数据绑定
• 8.vue中的常用指令
• 9.vue中的事件
• 10.checkbox,select以及radio中的v-model
• 11.v-for循环
• 12.axios获取数据 ##Vue基础第二天
• 1.filters过滤器和全局过滤器Vue.filter
• 2.v-bind动态绑定属性
• 3.购物车案例
• 4.事件修饰符
• 5.v-if和v-show
• 6.案例折叠菜单
• 7.Vue中的过渡动画以及搭配animate使用动画,一组元素的动画实现
• 8.计算属性computed实现购物车中的计算属性 ##Vue基础第三天
• 1.computed计算属性
• 2.watch监听
• 3.案例shopCar实现增删改查
• 4.案例messageBoard留言板
• 5.template使用
• 6.动态处理类名class
• 7.动态实现style样式
• 8.自定义指令 ##Vue基础第四天
• 1.回顾练习todo案例
• 2.生命周期详细讲解
• 3.mounted中如何获取DOM(ref)以及nextTick
• 4.全局组件
• 5.局部组件
• 6.组件的嵌套 ##Vue基础第五天
• 1.组件之间的数据传递和修改
• 2.子组件修改父组件的数据
• 3.使用发布订阅实现子组件修改父组件的原理
• 4.语法糖sync
• 5.案例弹窗
• 6.Component中的is使用
• 7.slot插槽
• 8.父组件调用子组件的方法
• 9.组件的生命周期详细讲解
• 10.案例panel面板
• 11.组件的循环 ##Vue基础第六天
• 路由
  • 1.路由的方法hash和history
  • 2.基础路由的实现步骤
  • 3.编程式导航
  • 4.路由嵌套
  • 5.router映射
  • 6.路由参数
  • 7.路由过渡效果
• 模块
  • node 自带模块化 规范commonjs
    • 三种 (一个JS就是一个模块)
    • 导入 require
    • 导出 module.exports
  • cmd sea.js / amd require.js
  • umd 为了做一个兼容处理(综合各种规范的处理)
  • esmodule ES6 提供的
    • 如何定义模块 (一个JS就是一个模块)
    • 如何导出模块 (export)
    • 如何引入模块 (import)
• webpack
  • webpack运行文件的深入解读
  • 手写webpack基础配置
  • 实现webpack运行和打包
  • 各种解析loader解读
  • webpack中使用vue

##Vue项目阶段

• 使用脚手架cli实现基于webpack的vue项目
• 使用vue全家桶实现vue书城项目
• vuex讲解
• element

https://github.com/mengqian1117/201802VUE.git