2. 技术
    3. Vue2.x学习路线

    Vue2.x学习路线

    技术2025-03-02  5

    目录

    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

     

     

    Processed: 0.009, SQL: 12