VUE 数据双向绑定

最新推荐文章于 2024-04-22 09:07:57 发布

淘技术

最新推荐文章于 2024-04-22 09:07:57 发布

阅读量204

点赞数

分类专栏： vue 文章标签： vue 数据数据绑定

本文链接：https://blog.csdn.net/m0_37983376/article/details/91047170

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

双向绑定就是指：数据在赋值到页面时，页面值的修改也会影响data修改

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>数据绑定</title>
    <script src="./vue.js"></script>
  </head>
  <body>
  		<!-- 单向数据 绑定 -->
  		<div id="root">{{msg}}</div>
      <!-- 双向数据 绑定 -->
      <div id="rootOt" >
      <input v-model="msg" />
      {{msg}}
      </div>
  		<script>
  			var vm = new Vue({
  				el: "#root",/*挂载点*/
  				data:{
  					msg: "hello world!"
  				}
  			})

        var vmOt = new Vue({
          el: "#rootOt",/*挂载点*/
          data:{
            msg: "hello world"
          }
        })
  		</script>
  </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

淘技术

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
VUE 数据双向绑定

双向绑定就是指：数据在赋值到页面时，页面值的修改也会影响data修改<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>数据绑定</title> <script src="./vue.js"></...
复制链接

扫一扫