vue中v-model与:model以及v-bind区别

一、v-model (常用于表单)

v-model 是 v-model:value 的缩写,通常用于表单上的双向数据绑定(表单接受值 value,故v-model默认收集的就是 value ,所以缩写直接省略 value),可以实现子组件到父组件的双向数据动态绑定。数据不仅能从data流向页面,还可以从页面流向data。

二、:model

:model 是 v-bind:model 的缩写,可以实现将父组件的值传递给子组件,但是子组件不能传给父组件,无法双向绑定

三、v-bind

v-bind:value 可以简写为 :value ,数据只能从data流向页面。

相关推荐
Darling哒1 分钟前
HTML块拖拽交换
前端
码农之王2 分钟前
(一)TypeScript概述和环境搭建
前端·后端·typescript
葬送的代码人生13 分钟前
React组件化哲学:如何优雅地"变秃也变强"
前端·javascript·react.js
用户527096487449014 分钟前
🚀 前端项目代码质量配置Prettier + Commitlint + Husky + Lint-staged
前端
xiaok15 分钟前
await返回之后的赋值给一个变量可以打印出数值,但是直接return回去之后,在另一个函数打印出来却是一个promise
前端
Bl_a_ck18 分钟前
【JS进阶】ES6 实现继承的方式
开发语言·前端·javascript
小马虎本人19 分钟前
如果接口返回的数据特别慢?要怎么办?难道就要在当前页面一直等吗
前端·react.js·aigc
蓝胖子的多啦A梦22 分钟前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
LinCC724 分钟前
在Vite中构建项目出错-Top-level await is not available in the configured target environme
前端
咪库咪库咪24 分钟前
js的浅拷贝与深拷贝
javascript