Vue系列教程篇章

目标

本Vue系列的篇章将会从Vue.js的基础知识点开始，逐步带领写到项目实战。

总体篇章分为基础篇、项目篇。

基础篇

1.  Vue框架介绍

2. Vue 使用 v-cloak 解决因为网络延迟致使的数据渲染显示问题

3. Vue 模板渲染：插值表达式、v-text、v-html的基本使用

4. Vue v-bind绑定元素属性的基本使用

5. Vue v-on绑定监听事件的基本使用

6. Vue v-on 事件修饰符

7. Vue 使用 v-model 实现双向数据绑定

8. Vue 使用v-model实现计算器示例

9. Vue v-for指令的使用方式以及使用key解决组件问题

10. Vue v-if 和 v-show 的使用和特色

11. Vue 调试工具vue-devtools的安装步骤和使用

12. Vue 经常使用列表操做实例 - 增长列表数据

13. Vue 经常使用列表操做实例 - 删除列表数据

14. Vue 经常使用列表操做实例 - 根据关键字实现数组的过滤

15. Vue 过滤器的基本使用 - 头字母大小写转换、字符串拼接

16. Vue 过滤器 - 转化时间格式

17. Vue 使用padStart补全转化时间格式

18. Vue keycodes按键修饰符

19. Vue 自定义指令

20. Vue 生命周期函数

21. Vue 使用 vue-resource 发起get、post、jsonp请求的基本用法

22. Vue 使用 vue-resource 发起jsonp的基本原理

23. Vue 使用 vue-resource 发起get请求，获取列表数据

24. Vue 使用 vue-resource 发起post请求，增长列表数据

25. Vue 使用 vue-resource 发起post请求，删除列表数据

26. Vue 使用 vue-resource 配置全局API域名

27. Vue使用vue-resource全局配置emulateJSON选项

28. Vue 动画 transition使用过渡类名实现动画

29. Vue 使用第三方animate.css类库实现动画

30. Vue使用JavaScript 钩子函数实现半场动画

31. Vue使用transition-group实现列表动画

32. Vue组件的定义以及建立方式

33. Vue组件的data使用

34. Vue组件切换 使用v-if、v-else结合flag进行切换

36. Vue组件切换-使用component元素实现组件切换

37. Vue组件切换动画以及mode效果设置

38. Vue组件传值-父组件向子组件传值

39. Vue组件传值-子组件经过事件调用向父组件传值

40. Vue组件案例-评论列表

42. Vue使用ref获取dom元素以及组件引用

45. Vue路由vue-router的基本使用

46. Vue路由传参的基本使用

47. Vue使用children属性实现路由嵌套

48. Vue路由-使用命名视图实现经典布局

49. Vue使用axios发送Ajax请求

50. Vue名称案例-使用keyup事件监听

51. Vue名称案例-使用watch监听数据变化

52. Vue使用watch监听网页的URL变化

53. Vue名称案例-使用computed计算属性

54. Vue nrm的使用

项目篇

本文分享自微信公众号 - DevOps社群（DevOpsCommunity）。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。