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

new Vue({})和var app=new Vue({})两种创建vue实例的区别在哪?

new Vue({})和var app=new Vue({})两种创建vue实例的区别在哪?

MYYA 2019-03-14 18:15:49
 <div id="app">        <p>{{msg}}</p>    </div>    <script>        var app = new Vue({            el: '#app',            data: {                msg: 'Hello Vue'            }        })        app.msg=123        console.log(app.msg)        console.log(app.$data.msg === app.msg)    </script>上面代码通过var方式创建时两个打印信息正常执行,通过new Vue方式创建时第二个打印信息报错,求前辈指点这两种方式区别在哪?
查看完整描述

3 回答

?
白板的微信

TA贡献1883条经验 获得超3个赞

只是new Vue({})而不var app=new Vue({})赋值给app这个变量的话, app就实际不是一个Vue的实例, 
它其实直到app.msg=123才被创建, 不具有$data属性

查看完整回答
反对 回复 2019-03-30
?
手掌心

TA贡献1942条经验 获得超3个赞

el:"#app"意思是挂载到id为app的元素上。var app 是创建的app vue实例。你把两个名字改个不一样试试


查看完整回答
反对 回复 2019-03-30
  • 3 回答
  • 0 关注
  • 4673 浏览
慕课专栏
更多

添加回答

举报

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