手记

【九月打卡】第八天 + 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 会根据控件类型自动选取正确的方法来更新元素。

课程学习截图:



0人推荐
随时随地看视频
慕课网APP