【九月打卡】第八天 + Vue面试考点

课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括

1. 样式绑定

2. 事件修饰符

3. 按键修饰符

4. 表单
   

课程收获：

class 属性绑定：

• class 与 style 是 HTML 元素的属性，用于设置元素的样式，可以用 v-bind 来设置样式属性。

• Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。

事件修饰符

• Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。

• Vue.js 通过由点 . 表示的指令后缀来调用修饰符。

按键修饰符

• Vue 允许为 v-on 在监听键盘事件时添加按键修饰符（@keyup.enter）

表单

• v-model 指令在表单控件元素上创建双向数据绑定。

• v-model 会根据控件类型自动选取正确的方法来更新元素。

课程学习截图：