你将学到的
  • vue 简介与安装使用
  • 计算属性和侦听属性与过滤器
  • 条件与循环渲染
  • 表单处理
  • 过渡与动画
  • 模版语法
  • class 与 style 绑定
  • 事件处理
  • 组件
  • vue 进阶引导
课程内容
  共10个章节
实验 1 vue 简介与安装使用

知识点: 1.Vue与其他框架的对比及特点 2.安装Vue的方法 3.node的安装 4.vuecli的安装 5.Vue开发者工具的安装 6.Vue创建实例 7.Vue数据的双向绑定及响应式

知识点: 1.双大括号表达式 2.插值 3.vbind指令 4.von指令 5.指令缩写

实验 3 计算属性和侦听属性与过滤器

知识点: 1.计算属性 2.计算属性中getter和setter 3.侦听属性 4.计算属性与侦听属性对比 5.过滤器的使用

实验 4 class 与 style 绑定

知识点: 1.元素的class对象语法绑定 2.元素的class数组语法绑定 3.元素的style对象语法绑定 4.元素的style数组语法绑定 5.属性的自动前缀

实验 5 条件与循环渲染

知识点: 1.vif和velse 2.vshow 3.vif和vshow比较 4.vfor将数组数据渲染成元素 5.vfor将对象数据渲染成元素 6.key属性 7.数组更新检测 8.对象更新的注意事项

知识点: 1.事件绑定指令von 2.事件处理方法 3.内联方法 4.修饰符

知识点: 1.vmodel指令 2.基础用法 3.值绑定 4.修饰符

知识点: 1.组件注册 2.组件复用 3.组件通信 4.动态组件 5.实例生命周期 6.生命周期示意图

实验 9 过渡与动画

知识点: 1.过渡的class 2.css过渡 3.css动画 4.自定义过渡class 5.同时使用过渡与动画 6.显性过渡时间 7.javascript动画钩子 8.初始化过渡 9.多个元素过渡

实验 10 vue 进阶引导

知识点: 1.工程化与组件化开发引导 2.前端路由管理(vuerouter) 3.前端数据状态管理(vuex) 4.服务端渲染(nuxtjs)

课程介绍

实验任务

  • 安装 Vue、Node、vue-cli 并运行应用
  • 动手学习 双大括号表达式、插值、vbind指令、von指令和指令缩写
  • 动手学习 计算属性、计算属性中getter和setter、侦听属性、计算属性与侦听属性对比、过滤器的使用
  • 动手学习 class对象语法绑定、class数组语法绑定、style对象语法绑定、style数组语法绑定和属性的自动前缀
  • 动手学习 vif和velse、vshow、vif和vshow比较、vfor将数组数据渲染成元素、vfor将对象数据渲染成元素、key属性、数组更新检测、对象更新的注意事项
  • 动手学习 事件绑定指令von、事件处理方法、内联方法、修饰符
  • 动手学习 vmodel指令、基础用法、值绑定、修饰符
  • 动手学习 组件注册、组件复用、组件通信、动态组件
  • 动手学习 过渡的class、css过渡、css动画、自定义过渡class、同时使用过渡与动画、显性过渡时间、javascript动画钩子、初始化过渡、多个元素过渡
  • 动手学习 工程化与组件化开发引导、前端路由管理、前端数据状态管理、服务端渲染

先学知识

最好是先了解前端基础相关的知识,推荐学习HTML5 基础教程CSS3 基础教程

课程难度

本课程难度为中等。

面向用户

本课程为 Vue 基础入门,面向已经有基础的前端知识储备同时想要进一步学习 Vue 的同学。

课程教师

linki 共发布过 2 门课程

查看老师的所有课程 >
蓝桥楼+
蓝桥会员
会员
开通会员,即刻开始学习