web前端开发之Vue框架基础知识的讲解/vue.js/router/axios/vuex

web前端开发之Vue框架基础知识的讲解/vue.js/router/axios/vuex
共102节 457人在学 课程详情
  • vue框架的整体介绍以及通过归档的方法下载vue.js文件

    • vue框架的整体介绍
    • 通过归档的方法下载vue.js文件以及项目引入
  • 学习vue的基础知识:数据结构+各种指令的学习+事件的触发

    • 介绍数据层data,视图层view 和vm层
    • 声明周期钩子函数的学习
    • 指令v-model 和mustache语法
    • 视图层标签绑定事件以及标签显示隐藏的指令
    • 学习条件渲染指令和列表渲染指令
    • 通过一个案例来应用条件渲染和列表渲染
    • 对象数据渲染到视图层以及总结
    • Class 与 Style 绑定
  • 计算属性的讲解及事件绑定,表单输入绑定以及过滤器,自定义指令

    • 复习上一节课的内容
    • 计算属性的原理
    • 计算属性与普通方法的区别
    • 计算属性与侦听属性的区别
    • 计算属性与侦听属性的区别(二)+事件绑定
    • 事件绑定以及表单输入绑定
    • 过滤器的创建以及自定义指令
    • 自定义指令
  • 通过案例来巩固前面的知识:开发备忘录的案例+商品列表案例

    • 梳理开发案例的流程
    • 继续梳理案例开发的整体思路
    • 创建案例所需要的各个分支模块
    • 开始创建项目创建视图层数据层以及vm层
    • 完成备忘录中的添加删除功能
    • 开发商品列表案例创建视图层数据层vm层
    • 商品列表案例:添加商品
    • 商品列表:商品列表+删除商品+改变商品数
    • 通过计算属性来计算总商品价格
  • vue组件的系统学习

    • 介绍什么是组件以及如何理解父子组件
    • 定义全局组件和局部组件
    • 组件的视图层数据层分别怎么创建
    • 组件创建方法以及子组件的一些数据渲染
    • 把父组件的数据传递到子组件中使用
    • 通过自定义事件把子组件的数据传递到父组件
    • 非父子组件之间数据的传递
    • 继续讲解非父子间如何传递数据
    • 梳理各种情况下数据的传递
    • 讲解插槽的用法
    • 动态组件的学习
    • 添加用户信息以及删除用户信息的案例
    • 添加用户信息以及删除用户信息的案例
    • 添加用户信息以及删除用户信息的案例
    • 动态组件的学习
    • 添加用户信息以及删除用户信息的案例
  • 在node.js环境中通过vue脚手架来搭建项目以及学习

    • 认识node.js
    • 了解node.js,npm,vue-cli等专业术语
    • 通过脚手架创建项目的流程
    • 继续讲解通过vue-cli搭建项目的过程
    • 安装项目成功之后介绍整个项目的结构
    • 如何新建一个组件
    • 对脚手架搭建项目做整体的回顾梳理工作
    • 对脚手架搭建项目做整体的回顾梳理工作
  • 讲解路由的知识点:编程式,嵌套路由,动态路由,程序化导航等

    • 对上节课的知识点进行讲解
    • 创建组件如何书写视图层数据层以及导出组件
    • 讲解路由是如何在vue框架中导入以及使用的
    • 介绍ES6 的语法
    • 创建路由
    • 讲解编程式路由
    • 动态路由传参数
    • 嵌套路由的讲解
    • 程序化导航
  • 通过商品列表的案例来学习vue相关的知识点

    • 复习上一节课知识点
    • 项目中头部和底部单独封装到组件中
    • 讲解路由中命名视图
    • 通过案例来巩固路由相关的知识点
    • 案例商品列表:导航样式的切换
    • 通过嵌套路由完成二级商品列表的创建
    • 通过动态路由完成组件之间的数据传递
    • 继续完善商品列表的一二级之间的关系
    • 创建二级商品列表对应的商品详情界面
    • 导航守卫的介绍
    • 继续添加商品列表的三级
    • 完善多级商品列表的案例
    • 创建导航守卫
    • 导航守卫在项目中的应用(一)
    • 讲解导航守卫在项目中的应用(二)
    • 讲解导航守卫在项目中的应用(三)
    • 讲解导航守卫在项目中的应用(三)
    • 静态资源的导入:css文件,js文件,img图片(二)
  • axios插件的应用:实现前后端数据的通信

    • 下载,导入和使用axios插件
    • 通过axios实现get和post的两种通信方式
  • 学习vuex状态管理插件

    • 下载导入和使用vuex
    • 系统的介绍vuex
    • 把vuex注入到vue中并且创建状态
    • vuex中的状态值在组件中渲染
    • 在vuex中创建mutations来改变状态值
    • 在组件中触发方法传递数据到mutations中
    • 创建actions的方法并且在组件中触发方法
    • 讲解项目中如何使用vuex
    • 按照项目中模块来创建不同的vuex中的模块
    • 项目中模块来创建不同的vuex中的模块(二)
    • 项目中模块来创建不同的vuex中的模块(三)
    • 项目中模块来创建不同的vuex中的模块(四)
  • 在项目中导入第三方的插件以及如何应用

    • 内置插件与第三方插件的导入方法的区别
    • 介绍如何从网络中寻找插件进行下载
    • 导入vue-swipe 插件学习安装导入和使用
    • 在实际项目中导入vue-swipe插件
    • 在实际项目中导入vue-swipe插件(二)
    • 介绍第三方日期插件以及如何导入使用
    • 在项目中导入jquery插件以及Bootstrap
    • 在项目中导入jquery插件以及Bootstrap
  • 梳理针对vue开发的综合项目百草味的案例需求

    • 梳理针案例需求(一)
    • 梳理针案例需求(二)

    订阅失败

    web前端开发之Vue框架基础知识的讲解/vue.js/router/axios/vuex
    web前端开发之Vue框架基础知识的讲解/vue.js/router/axios/vuex ...

    订阅列表已满,请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
    提交答案

    购买课程

    扫码完成付费,可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    完成备忘录中的添加删除功能

    课程介绍

    vue框架的整体介绍以及通过归档的方法下载vue.js文件和项目引入

    学习vue的基础知识:数据结构+各种指令的学习+事件的触发

    计算属性的讲解及事件绑定,表单输入绑定以及过滤器,自定义指令

    通过案例来巩固前面的知识:开发备忘录的案例+商品列表案例

    vue组件的系统学习

    在node.js环境中通过vue脚手架来搭建项目以及学习webpack

    讲解路由的知识点:编程式,嵌套路由,动态路由,程序化导航等

    通过商品列表的案例来学习vue相关的知识点

    继续通过商品列表的案例来学习vue相关的知识点

    静态资源的导入:css文件,js文件,img图片

    axios插件的应用:实现前后端数据的通信

    学习vuex状态管理插件

    讲解vuex的高级操作:以模块的形式来封装vuex

    在项目中导入第三方的插件以及如何应用

    梳理针对vue开发的综合项目百草味的案例需求



    推荐课程

    信息系统项目管理师自考笔记

    李明 · 872人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22652人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4282人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 824人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 891人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5195人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1525人在学

    Python Django 深度学习 小程序

    钟翔 · 2391人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 666人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 4067人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中,请耐心等待几秒钟~