vue之自定义组件

在vue项目中怎么自定义组件呢？

在网上都到的都是引用vue.js这种的，原生的vue自定义组件方式如下：

1、组件假如为a.vue，和引用它的b.vue在同一级的文件夹下；

2、在b.vue中写入的script内部写入：

import star_a from './a.vue'

export default{
    components:{
        star_a:star_a
    }
}

然后在<template>里面直接写上<star_a/>就可以全部显示a.vue的内容；

一开始我以为的组件是在同一个vue文件中写入的，但是后来看了别的资料，有点类似H5中的iframe标签的意思。