1、错误描述

2、错误原因

<template>
	<arm-info arm-title="hands"></arm-info>
</template>

<script>
	import Vue from 'vue'
	
	Vue.component('arm-info',{
		props:['armTitle'],
		template:'<h2>{{armTitle}}</h2>'
	});

</script>

<style>
</style>

     在App.vue文件中,要导入定义的组件,需要添加一个export default {}

3、解决办法

<template>
	<arm-info arm-title="hands"></arm-info>
</template>

<script>
	import Vue from 'vue'
	
	Vue.component('arm-info',{
		props:['armTitle'],
		template:'<h2>{{armTitle}}</h2>'
	});
	
	export default{
		name: "Arm",
		data() {
			return {
				
			}
		},
	}
</script>

<style>
</style>

 

Logo

前往低代码交流专区

更多推荐