为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js 中 model数据绑定的问题

vue.js 中 model数据绑定的问题

慕码人8056858 2018-11-15 16:15:27
如下代码里为什么js 里面的 el 元素必须绑定div 的id cc才能实现即时输入的效果 反而如果直接绑定到 input的id 无法实现?毕竟model的message 是作用在input上的<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title>    <script src="https://unpkg.com/vue/dist/vue.js"></script></head><body><div id = "cc"><input v-model="message" placeholder="edit me" id="text"><p>Message is: {{message}}</p></div><script type="text/javascript">  var vm = new Vue({                 el:"#text",        data:{            message:''        }  })</script></body></html>
查看完整描述

1 回答

?
大话西游666

TA贡献1817条经验 获得超14个赞

每个vue实例在DOM中都有一个作用范围,而el属性的值就决定了该vue实例作用域在DOM中的范围,当你设置了el属性的值时,就设定了在DOM中哪些界面元素可以访问vue实例里面的属性;如果你用过angular,那么el这个值的作用其实就和angular里面的contorller类似;


查看完整回答
反对 回复 2018-12-11
  • 1 回答
  • 0 关注
  • 410 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信