关于vue组件换成标签引入的问题？

Question

在hello.vue中引入 lineChart.vue 这个子组件，
我想通过<line-chart></line-chart>方法引入，有什么方法能够实现？

Answer 1

JS:

import lineChart from '../lineChart'
export default {
  name: 'demo',
  components: {
    'line-chart': lineChart 
  },
  // ...
}

HTML:

<template>
    <div>
        <line-chart></line-chart>
    </div>
</template>

基础组件的自动化全局注册

Answer 2

在components里面申明的时候是aaaBbbb 本身在使用的时候可以用aaa-bbbb的方式

就比如

components: {
    lineChart
}

使用

 <line-chart></line-chart>