[JavaScript知识库] v-module v-bind v-on

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> v-module v-bind v-on -> 正文阅读

[JavaScript知识库]v-module v-bind v-on

用于组件的 v-module, 实现双向绑定

1.v-model

指令用来在表单 \ \ 元素上创建双向数据绑定,它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行特殊处理。（ps：语法糖：指对计算机添加一些语法，不影响语法的表达功能，但极大的提高了程序的可读性）

2.v-bind

主要用于相应更新HTML元素的属性，将一个或多个属性或者一个组件的prop动态绑定到表达式。

v-on指令用于监听DOM事件，并在触发时运行一些javascript代码。v-on指令的表达式可以是一段JavaScript代码，也可以是一个方法的名字或者方法调用的语句。

3.v-on

v-on指令用于监听DOM事件，并在触发时运行一些javascript代码。v-on指令的表达式可以是一段JavaScript代码，也可以是一个方法的名字或者方法调用的语句。