为什么new Vue放在最上面会报错呢

来源：4-5 非父子组件间的传值

慕神1662884

2018-11-27

<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://img.mukewang.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"
	})
	此时就不会报错，并且数据可以显示在页面上，这是为什么呢

写回答

2回答

Dell

2018-11-30

已采纳

回复 qq_Amelia_1：你把报错的代码截图完整贴上来

慕神1662884

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in ) [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in )

2018-12-03

共2条回复

Dell

2018-11-28

因为这个时候你Vue这个变量还不存在，vue库还没引入

慕神1662884

可是我在这个地方已经引入过了呀

2018-11-29

共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题