<script type="text/javascript">
var app = new Vue({
el:"#app"
})
Vue.component('hello',{
data:function(){
return{
text:'hello'
}
},
template:'<div>{{text}}</div>'
})
Vue.component('world',{
data:function(){
return{
text:''
}
},
template:'<div>world</div>'
})
</script>
像这样写,就会报错![图片描述](http://img1.sycdn.imooc.com//szimg/5bfd6071000180ff04660161.jpg)
但是如果把var app = new Vue这个写在最后面就不会报错,像这样:
Vue.component('hello',{
data:function(){
return{
text:'hello'
}
},
template:'<div>{{text}}</div>'
})
Vue.component('world',{
data:function(){
return{
text:''
}
},
template:'<div>world</div>'
})
var app = new Vue({
el:"#app"
})
此时就不会报错,并且数据可以显示在页面上,这是为什么呢
课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握
了解课程