效果
注册组件名还可以用组件对象的name属性的值
代码
// Com.vue
<template>
<div>
<p>我是一个Com组件</p>
</div>
</template>
<script>
export default {
name: "ComNameHaHa" // 注册时可以定义自己的名字
}
</script>
// App.vue
<template>
<div>
<h1>组件对象里的name属性</h1>
<ComNameHaHa></ComNameHaHa>
</div>
</template>
<script>
import Com from './components/Com.vue'
export default {
data () {
return {
}
},
components: {
[Com.name]: Com
// "ComNameHaHa": Com
// 注册组件名还可以用组件对象的name属性的值
}
}
</script>