[Day 17] v-model双向绑定是什麽咧??

各位早上起床的第一件事是做什麽呢?今天的我是睁开双眼呦~!根据研究,记下每天做的第一件事,对你的生活一点帮助都没有!!那麽,废话说太多,直接开始今天的主题吧!!

v-model

v-model在前几天似乎有稍微提过,没有也没关系,今天会重新来讲解他!!
今天我们想要使用者更改资料的同时,资料更着改变,这时候就要使用v-model这个语法了~先来看看一个简单的例子
https://ithelp.ithome.com.tw/upload/images/20210930/20139392C7ca34n4y1.png
https://ithelp.ithome.com.tw/upload/images/20210930/20139392q20ZJ2ydWs.png
原本预设的资料是 「一个小木头」,但是使用者可以自行更改资料,删掉"木"变成 「一个小头」,msg也会因为v-modle的关系跟着改变!!

绑定textarea

https://ithelp.ithome.com.tw/upload/images/20210930/20139392kWP9M3581f.png
https://ithelp.ithome.com.tw/upload/images/20210930/20139392Vq24wWewv5.png
textarea里面打什麽msg都会跟着改变!!

单选选单绑定

https://ithelp.ithome.com.tw/upload/images/20210930/20139392FsN48DTE45.png
https://ithelp.ithome.com.tw/upload/images/20210930/20139392Y1kWerrL78.png
选择男就会出现男,选择女就会出现女,同样的东西也可以用在复选选单上面,这边就不多做赘述了,绝对不是因为懒惰呦!!

结语

双向绑定是不是很实用呢!在很多应用都可以使用上这个概念。另外,各位晚上做的最後一件事是什麽咧?想必大家都是闭眼睛吧~但我不是,因为我是睁着眼睡的小金鱼(@^0^@)/


<<:  {DAY 19} Pandas 学习笔记part.5

>>:  【Day15】代码分割 & 延迟载入 Code Splitting & Lazy loading

Transactions (4) - Concurrent Write

Preventing Lost Update 昨天讲的快照隔离优雅的解决了 read-skew 的问...

# Day1 简介

Linux 是一个泛用型的作业系统,在各式各样、形形色色的机器上都找的到他的踪迹, 而 Linux...

[Day 30]-【STM32系列终章之不负责任地说再见】

开头就是要先放个大大的LOGO才爽!(误XD 终於完赛啦!这是第一次成功完赛,能成功完赛真的是高兴...

[DAY 04] EC2 Security Group

Security Group 安全群组 Security group 是 AWS 网路安全的基础,它...

JavaScript Day06 - 流程判断

if else 与 else if 参考 Day06 - 变数(03) - BMI、Day11 - ...