Vue 基础入门

免费
关注

本课程是一门 Vue.js 的入门课程,介绍了 Vue 的安装和使用,带领大家学习 Vue 模板语法,核心指令,计算和侦听属性,条件和循环渲染元素,以及怎样去绑定元素 class 和 style,处理基础事件,Vue 组件开发等。

实验1
vue 简介与安装使用
知识点: 1.Vue与其他框架的对比及特点 2.安装Vue的方法 3.node的安装 4.vuecli的安装 5.Vue开发者工具的安装 6.Vue创建实例 7.Vue数据的双向绑定及响应式
实验2
模版语法
知识点: 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.对象更新的注意事项
实验6
事件处理
知识点: 1.事件绑定指令`von` 2.事件处理方法 3.内联方法 4.修饰符
实验7
表单处理
知识点: 1.`vmodel`指令 2.基础用法 3.值绑定 4.修饰符
实验8
组件
知识点: 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 基础入门