Vue—表单标签中v-model指令的使用

最新推荐文章于 2024-04-09 14:48:57 发布

qq_52242662

最新推荐文章于 2024-04-09 14:48:57 发布

阅读量496

点赞数

分类专栏： vue.js 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_52242662/article/details/122951648

版权

vue.js 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

总的理解：

v-model命令相当于一个双向绑定器。

例：

需要实现一个联动绑定的表单，当更改input标签里的value时，后面的随之更改

body段代码如下：

<body>
<div id="app">
  <input type="text" v-model="message">
  {{message}}
</div>

<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el: "#app",
    data: {
      message: "你好"
    }
  })
</script>
</body>

需要注意的是：

相比较而言，传统的Mustache语法（{{ }}）无法做到双向的绑定

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_52242662

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue—表单标签中v-model指令的使用

总的理解：v-model命令相当于一个双向绑定器。例：需要实现一个联动绑定的表单，当更改input标签里的value时，后面的随之更改body段代码如下：<body><div id="app"> <input type="text" v-model="message"> {{message}}</div><script src="../js/vue.js"></script><s
复制链接

扫一扫