第一个例子
<div id="app">
<p>{{msg}}</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
msg: 'Hello Vue'
}
})
app.msg=123;
console.log(app) ;
</script>
第二个例子
<div id="app">
<p>{{msg}}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
msg: 'Hello Vue'
}
})
app.msg=123;
console.log(app) ;
</script>
这两个例子在页面渲染上是没有差别的,但是在控制台输出的console.log(app)是有差别的
第一个是一个vue实例
Vue {_uid: 0, _isVue: true, $options: {…}, _renderProxy: Proxy, _self: Vue, …}
第二个仅仅是一个DOM对象
<div id="app'>Hello Vue</div>