关于vue 自定义组件的写法与用法

我对与自定义组件理解也不太深刻，但是我无意中尝试了一种方法，比原版的要简单些，原理还有待分析：

1.我们要建立个组件left.vue

2.我要在那个页面引入这个组件

<template>
  <div id="app">
    <left></left>   //自定义标签
  </div>
</template>

<script>
        
import leftNav from '@/components/common/Nav';     //模版引入组件

export default {
  name: 'app',
  components:{
      left：leftNav           //自定义标签所对应的模版
  }
}
</script>