【Vue3 知识第四讲】数据双向绑定、事件绑定、事件修饰符详解

文章结构概览

• • 一、数据双向绑定
    • 二、事件绑定详解
    • • 2.1 Vue中用于事件绑定的指令 * 2.2 事件函数的调用方法 * 2.3 事件函数参数的传递方式 * 三、事件修饰符
    • • 3.1 Vue中常见的事件修饰符 * 3.2 按键相关的修饰符 * 四、属性绑定
    • 五、类与样式的绑定
    • • 5.1 class 类的绑定方式
      • 5.2 style 样式的绑定方法

一、数据双向绑定

什么是数据双向绑定？

• 当数据出现变动时，视图将随之发生相应的变化
• 若视图内容发生调整，数据也将同步进行相应的更新

数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
权限系统-商城
个人博客地址

**实现双向绑定的指