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流向页面。

相关推荐
天若有情673几秒前
ES6 模块与 CommonJS 的区别详解
前端·javascript·es6
大猫会长3 分钟前
postgreSQL中,RLS的using与with check
开发语言·前端·javascript
摘星编程12 分钟前
React Native for OpenHarmony 实战:ProgressBar 进度条详解
javascript·react native·react.js
慧一居士15 分钟前
vite.config.ts 配置使用说明,完整配置示例
前端
wusp199422 分钟前
nuxt3模块化API架构
前端·javascript·nuxt3
沛沛老爹27 分钟前
Web开发者进阶AI:企业级Agent Skills安全策略与合规架构实战
前端·人工智能·架构
摘星编程30 分钟前
React Native for OpenHarmony 实战:SegmentControl 分段控件详解
javascript·react native·react.js
摘星编程35 分钟前
React Native for OpenHarmony 实战:ProgressRing 环形进度详解
javascript·react native·react.js
遗憾随她而去.1 小时前
前端首屏加载时间的度量:FCP、LCP等指标的规范理解
前端
TAEHENGV1 小时前
React Native for OpenHarmony 实战:数学练习实现
javascript·react native·react.js