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

相关推荐
橘子味的冰淇淋~19 分钟前
解决 vite.config.ts 引入scss 预处理报错
前端·vue·scss
萌萌哒草头将军1 小时前
💎这么做,cursor 生成的代码更懂你!💎
javascript·visual studio code·cursor
小小小小宇2 小时前
V8 引擎垃圾回收机制详解
前端
lauo2 小时前
智体知识库:ai-docs对分布式智体编程语言Poplang和javascript的语法的比较(知识库问答)
开发语言·前端·javascript·分布式·机器人·开源
拉不动的猪3 小时前
设计模式之------单例模式
前端·javascript·面试
一袋米扛几楼983 小时前
【React框架】什么是 Vite?如何使用vite自动生成react的目录?
前端·react.js·前端框架
Alt.93 小时前
SpringMVC基础二(RestFul、接收数据、视图跳转)
java·开发语言·前端·mvc
lorogy3 小时前
【VSCode配置】运行springboot项目和vue项目
vue.js·spring boot·vscode
进取星辰3 小时前
1、从零搭建魔法工坊:React 19 新手村生存指南
前端·react.js·前端框架
前端开发张小七4 小时前
每日一练:2.leetcode回文数
前端·python