首页 > 其他分享 >Vue 二 --数据绑定

Vue 二 --数据绑定

时间:2022-11-04 16:35:14浏览次数:59  
标签:Vue -- 数据 绑定 model data

Vue中有2种数据绑定的方式:
1.单向绑定(v-bind):数据只能从data流向页面。
2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。
备注:
1.双向绑定一般都应用在表单类元素上(如:input、select等)
2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。

<!-- 单向数据绑定:<input type="text" v-bind:value="name"><br/>
双向数据绑定:<input type="text" v-model:value="name"><br/> -->


<!-- 简写 -->
单向数据绑定:<input type="text" :value="name"><br/>
双向数据绑定:<input type="text" v-model="name"><br/>

标签:Vue,--,数据,绑定,model,data
From: https://www.cnblogs.com/zhaolei0419/p/16858247.html

相关文章

  • IPTABLES 详解
    引言先来看一条常用的iptables命令:Iptables(-tfilter)-IINPUT-ptcp--dportssh/22-jACCEPT这一条命令,生成了一条规则。允许所有22端口的TCP连接。这条规则作用......
  • Vue 三 el与data的两种写法
    data与el的2种写法1.el有2种写法(1).newVue时候配置el属性。(2).先创建Vue实例,随后再通过vm.$mount('#root')指定el的值。......
  • Programming Differential Privacy 阅读参考(part 2)
    ProgrammingDifferentialPrivacy阅读参考(part2)ProgrammingDifferentialPrivacy链接ch4差分隐私差分隐私(differentialprivacy),是一个用数学语言描述的隐私定义......
  • jqeury 操作json, 数组 增删改查
    varpersons=[{name:"tina",age:14},{name:"timo",age:15},{name:"lily",age:16},{name:"lucy",age:16}]2、根据对象属性值得到相......
  • D. Bishwock_线性dp
    D.Bishwock一万年没写题解了,俺又回来了题目大意给2*n的地图,有若干个格子不能放东西,问最多可以放入几个“L”形的棋子。思路基础线性dp,设dpi为前i个的最多情况。然后......
  • reg
    1、/**GPIO-RegisterLayoutTypedef*/typedefstruct{__IOuint32_tDR;/**<GPIOdataregister,offset:0x0*/__IOu......
  • git
    git命令分类整理全局设置   gitconfig--globaluser.namexxx:设置全局用户名,信息记录在~/.gitconfig文件中   [email protected]:设置......
  • 三方登陆-apple
     1.appleweb登陆配置2.参考文章:https://blog.csdn.net/wpf199402076118/article/details/99677412?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.non......
  • 计算机网络第二章复习
    计算机网络第二章复习目录计算机网络第二章复习1️⃣应用层协议原理比较三种应用程序体系结构:7️⃣P2P✒️P2P的bittorrent协议详解:宏观上看进程通信:应用层协议:2️⃣web和Http......
  • css3实现滴水效果
    用css3的@keyframe实现一个滴水效果(这gif结束和开始连接有点卡顿)<divclass="drop"><divclass="mother"></div><divclass="water"></div><divclass=......