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>