麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > v-model 原理 是什么

v-model 原理 是什么

來源:千鋒教育
發(fā)布人:zyh
時(shí)間: 2023-06-30 14:12:11 1688105531

  1、v-model指令的作用

  vue中的v-model指令是完成雙向綁定的,用在表單元素上。雙向綁定就是 M會(huì)影響V。V也會(huì)影響M。即:能將頁面上輸入的值同步更新到相關(guān)綁定的data屬性,也會(huì)在更新data綁定屬性時(shí)候,更新頁面上輸入控件的值。

v-model 原理 是什么

  2、v-model的原理

  v-model指令是一個(gè)語法糖,是屬性綁定和事件的語法糖。vue會(huì)根據(jù)不同的表單元素使用不同的屬性和事件。

  如下:

  text 和 textarea 元素使用 value property 和 input 事件;

  checkbox 和 radio 使用 checked property 和 change 事件;

  select 字段將 value 作為 prop 并將 change 作為事件。

  以文本框?yàn)槔饰鲈恚韵率谴a: 

<!-- V -->
<div id="app">
<!--文本框使用value屬性和input事件-->
<input type="text" v-bind:value="msg" @input="changeMsg" >
</div>

//M:

let vm = new Vue({
el: "#app",
data: {
msg:"hi"
},
methods: {
changeMsg(e){
this.msg = e.target.value;
}
}
})

  而,使用v-model來完成以上功能的代碼如下: 

<!-- V-->
<div id="app">
<!-- 此處不需要使用value屬性和input事件,直接使用v-mdoel指令即可 -->
<input type="text" v-model="msg" >
</div>

// M:model

let vm = new Vue({
el: "#app",
data: {
msg:"hi"
}
})
tags: 原理
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
做短視頻準(zhǔn)備工作有哪些

隨著短視頻行業(yè)的爆火,越來越多的小伙伴看中了其中的商機(jī),也開始轉(zhuǎn)行做短視頻,開始拍短視頻,在平臺(tái)上發(fā)布,想實(shí)現(xiàn)變現(xiàn)。抖音短視頻 for And...詳情>>

2023-09-19 05:41:43
短視頻老號(hào)不想放棄還能繼續(xù)嗎

做短視頻賬號(hào)的小伙伴,無論想做什么,我們都應(yīng)該先去明確自己的賬號(hào)是以什么內(nèi)容為重,根據(jù)之前的內(nèi)容去做出相應(yīng)的調(diào)整,利用較少的改變?nèi)フ{(diào)整...詳情>>

2023-09-19 05:28:58
短視頻帶貨為什么要合拍

現(xiàn)在短視頻帶貨是非常火爆的一種模式,不管是在淘寶還是拼多多,都非常受歡迎。在抖音平臺(tái),也是有短視頻帶貨的,只要我們的視頻做得好,不愁銷...詳情>>

2023-09-19 05:25:52
微信視頻號(hào)商業(yè)價(jià)值是什么?微信視頻號(hào)對(duì)標(biāo)抖音?

視頻號(hào)打通小商店并上線直播,是微信閉環(huán)中具有象征性意義的一環(huán)。在9月22日的視頻號(hào)官方活動(dòng)上,微信官方稱“視頻號(hào)是微信生態(tài)閉環(huán)中重要...詳情>>

2023-09-19 04:09:54
視頻號(hào)的優(yōu)缺點(diǎn)是什么?視頻號(hào)的優(yōu)缺點(diǎn)分析

視頻號(hào)對(duì)騰訊的重要度是極高的。目前視頻號(hào)商業(yè)化程度很低,很多人沒有意識(shí)到它的重要性。那么視頻號(hào)的優(yōu)缺點(diǎn)是什么?下面千鋒教育小編就和大家...詳情>>

2023-09-19 03:25:40
開班信息
北京校區(qū)
  • 北京校區(qū)
  • 大連校區(qū)
  • 廣州校區(qū)
  • 成都校區(qū)
  • 杭州校區(qū)
  • 長沙校區(qū)
  • 合肥校區(qū)
  • 南京校區(qū)
  • 上海校區(qū)
  • 深圳校區(qū)
  • 武漢校區(qū)
  • 鄭州校區(qū)
  • 西安校區(qū)
  • 青島校區(qū)
  • 重慶校區(qū)
  • 太原校區(qū)
  • 沈陽校區(qū)
  • 南昌校區(qū)
  • 哈爾濱校區(qū)
主站蜘蛛池模板: 特黄a级毛片| 美女跪下吃j8羞羞漫画| 国产精品久久一区二区三区| 欧美日韩网站| 日韩一级一片| 天堂资源wwww在线看| 日本动漫黄观看免费网站| 蜜桃成熟时3之蜜桃仙子电影| 日本tvvivodes人妖| 免费床戏全程无遮挡在线观看 | 夜夜影院未满十八勿进| 免费看a级毛片| 成人午夜小视频| 国产精品久久久精品三级| 久久精品中文字幕第一页| 嘟嘟嘟www免费高清在线中文| 好男人社区神马在线观看www| 久久国产一区二区三区| 打开腿我想亲亲你下面视频| 国产福利影院在线观看| 小镇姑娘hd电影在线观看 | 国产热热| 中文字幕制服诱惑| 高岭家の二轮花未增删| 欧美亚洲一二三区| 日本阿v视频在线观看高清| 色播在线电影| 国产黄色大片网站| 波多野结衣一区二区| 小婷又紧又深又滑又湿好爽| 国语一级片| 一个人hd高清在线观看| 啊灬啊灬用力灬再用力岳| 特级做a爰片毛片免费看 | 国产午夜亚洲精品不卡电影| 被夫上司持续入侵大桥未久| 老少交欧美另类| 老鸭窝在线免费视频| aaa毛片免费观看| 香蕉视频yy| 131美女爽爽爽爱做视频|