/vue-learning

Vue学习过程

Primary LanguageHTML

Vue学习

基础学习

  1. Vue的基本代码
  2. v-clock的学习
  3. 跑马灯效果
  4. 事件修饰符
  5. v-model指令的学习
  6. 简易的计算器
  7. Vue中样式-class
  8. Vue中样式-style
  9. v-for循环普通数组
  10. v-for循环对象数组
  11. v-for循环对象
  12. v-for迭代数字
  13. v-for循环中key属性的使用
  14. v-if和v-show的使用

品牌列表

  1. 品牌列表案例1
  2. 品牌列表案例2
  3. 过滤器的基本使用
  4. 生命周期函数演示
  5. vue-resource的使用
  6. 客户端JSONP页面

Vue中的动画

  1. 不使用动画
  2. 使用过滤类名实现动画
  3. 修改v-前缀
  4. 使用第三方类实现动画
  5. 使用钩子函数模拟小球半场动画
  6. 列表动画

模块化和组件化

  1. 创建组件的方式1
  2. 创建组件的方式2
  3. 创建组件的方式3
  4. 组件中的data和methods
  5. Why components must be function
  6. 组件切换-方式1
  7. 组件切换-方式2
  8. 组件切换动画
  9. 父组件向子组件传值
  10. 父组件向子组件传递方法
  11. 组件案例-评论列表
  12. ref获取dom元素和组件

路由

  1. 路由的基本使用
  2. 路由规则中定义参数
  3. 路由规则传参方式2
  4. 路由的嵌套

webpack-study

  1. webpack学习

Vue深度学习

  1. 在页面中渲染基本的组件
  2. 在webpack中导入Vue
  3. 结合webpack使用vue-router

HTML5新特性

  1. HTML5新特性