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

相关推荐
熊猫钓鱼1 分钟前
基于Trae CN与TrendsHub快速实现的热点百事通
前端·trae
LIUENG7 分钟前
Vue3 响应式原理
前端·vue.js
讨厌吃蛋黄酥11 分钟前
前端居中九种方式血泪史:面试官最爱问的送命题,我一次性整明白!
前端·css
龙在天14 分钟前
🤩 用Babel自动埋点,原来这么简单!
前端
Hierifer14 分钟前
跨端实现之网络库拦截
前端
随笔记16 分钟前
react-router里的两种路由方式有什么不同
前端·react.js
前端李二牛17 分钟前
异步任务并发控制
前端·javascript
你也向往长安城吗38 分钟前
推荐一个三维导航库:three-pathfinding-3d
javascript·算法
imLix39 分钟前
RunLoop 实现原理
前端·ios
wayman_he_何大民1 小时前
初始机器学习算法 - 关联分析
前端·人工智能