课程首页
通知公告
随堂教案
课程资源
互动交流
综合实训
侯素玲
1
课程教学资料
1.1
课程设计
1.2
课程课件
1.3
课程教案
1.4
课程标准
2
模块一 Vue基础
2.1
Vue简介
2.2
项目1 Vue指令
2.2.1
内容渲染指令
2.2.2
属性绑定指令
2.2.3
事件绑定指令
2.2.4
双向绑定指令
2.2.5
条件渲染指令
2.2.6
列表渲染指令
2.3
品牌列表案例
2.3.1
创建基本的vue实例
2.3.2
循环渲染表格的数据
2.3.3
把状态列渲染为swit...
2.3.4
格式化时间
2.3.5
实现添加品牌的功能
2.3.6
快速清空文本框的内容
2.3.7
实现删除品牌的功能
3
模块二 Vue安装及组件基础
3.1
Vue安装
3.2
Vue项目组成
3.3
组件的注册
3.4
props
3.5
类与style绑定
3.6
自定义事件
3.7
v-model
3.8
计算属性
3.9
TodoList案例
4
模块三 Vue组件高级
4.1
学习目标
4.2
watch侦听器
4.3
生命周期
4.4
组件之间的数据共享
4.5
购物车案例
5
模块四 Vue路由
5.1
动态组件
5.2
插槽
5.3
自定义指令
5.4
eslint
5.5
路由
5.6
模拟用户登录案例
类与style绑定
发布时间:2023-10-14 17:00 发布人:侯素玲 浏览次数:151
在实际开发中经常会遇到动态操作元素样式的需求。因此
vue 允许开发者通过v-bind 属性绑定指令,为元素动态绑定class 属性的值和行内的 style 样式。
视频1
动态绑定HTML元素的class
视频2
以数组语法动态绑定HTML元素的class
视频3
以对象语法动态绑定HTML元素的class
视频4
以对象语法动态绑定内联的style
+添加讨论