Vue2.x学习路线

目录

1.内部指令

2.全局API

3.选项

4.实例和内部组件

5.vue-router

6.vue-cli

7.vuex

8.收银系统

9.WEEX

10.Nuxt.js

---

1.内部指令

001.走起我的Vue2.x : https://jspang.com/detailed?id=56#toc21
002.v-if v-else v-show 指令: https://jspang.com/detailed?id=21#toc27
003.v-for指令 ：解决模板循环问题: https://jspang.com/detailed?id=21#toc211
004.v-text & v-html: https://jspang.com/detailed?id=21#toc215
005.v-on：绑定事件监听器: https://jspang.com/detailed?id=21#toc216
006.v-model指令: https://jspang.com/detailed?id=21#toc217
007.v-bind 指令: https://jspang.com/detailed?id=21#toc224
008.其他内部指令(v-pre & v-cloak & v-once): https://jspang.com/detailed?id=21#toc227

2.全局API

009.Vue.directive 自定义指令: https://jspang.com/detailed?id=22#toc21
010.Vue.extend构造器的延伸: https://jspang.com/detailed?id=22#toc26
011.Vue.set全局操作: https://jspang.com/detailed?id=22#toc210
012.Vue的生命周期（钩子函数）: https://jspang.com/detailed?id=22#toc213
013.Template 制作模版: https://jspang.com/detailed?id=22#toc214
014.Component 初识组件: https://jspang.com/detailed?id=22#toc218
015.Component 组件props 属性设置: https://jspang.com/detailed?id=22#toc222
016.Component 父子组件关系: https://jspang.com/detailed?id=22#toc226
017.Component 标签: https://jspang.com/detailed?id=22#toc228

3.选项

018.propsData Option 全局扩展的数据传递: https://jspang.com/detailed?id=23#toc21
019.computed Option 计算选项: https://jspang.com/detailed?id=23#toc22
020.Methods Option 方法选项: https://jspang.com/detailed?id=23#toc25
021.Watch 选项 监控数据: https://jspang.com/detailed?id=23#toc210
022.Mixins 混入选项操作: https://jspang.com/detailed?id=23#toc212
023.Extends Option 扩展选项: https://jspang.com/detailed?id=23#toc216

4.实例和内部组件

024.实例入门-实例属性: https://jspang.com/detailed?id=24#toc21
025.实例方法: https://jspang.com/detailed?id=24#toc24
026.实例事件: https://jspang.com/detailed?id=24#toc210
027.内置组件 -slot讲解: https://jspang.com/detailed?id=24#toc211

5.vue-router

028.Vue-router入门: https://jspang.com/detailed?id=25#toc21
029.vue-router配置子路由: https://jspang.com/detailed?id=25#toc22
030.vue-router如何参数传递: https://jspang.com/detailed?id=25#toc23
031.单页面多路由区域操作: https://jspang.com/detailed?id=25#toc24
032.vue-router 利用url传递参数: https://jspang.com/detailed?id=25#toc25
033.vue-router 的重定向-redirect: https://jspang.com/detailed?id=25#toc26
034.alias别名的使用: https://jspang.com/detailed?id=25#toc27
034.路由的过渡动画: https://jspang.com/detailed?id=25#toc28
035.mode的设置和404页面的处理: https://jspang.com/detailed?id=25#toc29
036.路由中的钩子: https://jspang.com/detailed?id=25#toc210
037.编程式导航: https://jspang.com/detailed?id=25#toc211

6.vue-cli

038.Vue-cli，开始吧骚年: https://jspang.com/detailed?id=26#toc21
039.Vue-cli项目结构讲解: https://jspang.com/detailed?id=26#toc24
040.解读Vue-cli的模板: https://jspang.com/detailed?id=26#toc28

7.vuex

041.初出茅庐 来个小Demo: https://jspang.com/detailed?id=27#toc21
042.state访问状态对象: https://jspang.com/detailed?id=27#toc22
043.Mutations修改状态: https://jspang.com/detailed?id=27#toc23
044.getters计算过滤操作: https://jspang.com/detailed?id=27#toc24
045.actions异步修改状态: https://jspang.com/detailed?id=27#toc25
046.module模块组: https://jspang.com/detailed?id=27#toc26

8.收银系统

047.Mockplus把我们的想法画出来: https://jspang.com/detailed?id=28#toc21
048.Vue-cli搭建开发环境: https://jspang.com/detailed?id=28#toc22
049.搞定项目图标Iconfont: https://jspang.com/detailed?id=28#toc23
050.编写独立的侧边栏导航组件: https://jspang.com/detailed?id=28#toc24
051.开启Element封印: https://jspang.com/detailed?id=28#toc25
052.利用Element快速布局（1）: https://jspang.com/detailed?id=28#toc26
053.利用Element快速布局（2）: https://jspang.com/detailed?id=28#toc27
054.Axios从远程读取数据: https://jspang.com/detailed?id=28#toc28
055.订单模块制作 核心功能-1: https://jspang.com/detailed?id=28#toc29
056.订单模块制作 核心功能-2: https://jspang.com/detailed?id=28#toc210
057.项目打包和上线: https://jspang.com/detailed?id=28#toc211

9.WEEX

058.课程介绍: https://jspang.com/detailed?id=29#toc21
059.开发环境安装(1): https://jspang.com/detailed?id=29#toc22
060.开发环境安装(2): https://jspang.com/detailed?id=29#toc23
061.weex常用命令和热更新: https://jspang.com/detailed?id=29#toc24
062.Android Studio 开发设置: https://jspang.com/detailed?id=29#toc25
063.weex和vue的爱恨情仇: https://jspang.com/detailed?id=29#toc26
064.自定义组件和Text组件: https://jspang.com/detailed?id=29#toc27
065.Input组件和初识内建模块: https://jspang.com/detailed?id=29#toc28
066.Image和video组件: https://jspang.com/detailed?id=29#toc29
067.从后端服务器上获取数据: https://jspang.com/detailed?id=29#toc211
068.作轮播图片效果: https://jspang.com/detailed?id=29#toc212
069.a组件和web组件: https://jspang.com/detailed?id=29#toc213
070.通用事件和动画: https://jspang.com/detailed?id=29#toc214
071.教会你自学weex: https://jspang.com/detailed?id=29#toc215
072.Navigator和webview模块: https://jspang.com/detailed?id=29#toc216
073.vue-router的使用: https://jspang.com/detailed?id=29#toc217

10.Nuxt.js

074.课程介绍: https://jspang.com/detailed?id=37#toc21
075.Nuxt环境搭建和Hello World: https://jspang.com/detailed?id=37#toc22
076.Nuxt目录结构详讲: https://jspang.com/detailed?id=37#toc23
077.Nuxt常用配置项: https://jspang.com/detailed?id=37#toc24
078.Nuxt的路由配置和参数传递: https://jspang.com/detailed?id=37#toc25
079.Nuxt的动态路由和参数校验: https://jspang.com/detailed?id=37#toc26
080Nuxt的路由动画效果: https://jspang.com/detailed?id=37#toc27
081.Nuxt的默认模版和默认布局: https://jspang.com/detailed?id=37#toc28
082.Nuxt的错误页面和个性meta设置: https://jspang.com/detailed?id=37#toc29
083.asyncData方法获取数据: https://jspang.com/detailed?id=37#toc210
084.静态资源和打包: https://jspang.com/detailed?id=37#toc211