Vue中自定义标签及其使用方式

// 这里的组成按照自己需求来
<template>
  <div>
    <van-button slot="button" color="red">btn1</van-button>
    <van-button slot="button" color="blue">btn2</van-button>
  </div>
</template>
<script>
	import { Button } from 'vant';	// 使用到vant的Button
	export default {
        name: 'test',	// 组件使用空间
        components: {
            [Button.name]: Button,
        },
    }
</script>

import Test from './../components/test.vue'; 

export default {
    components: {
      Test,
    },
}

<template>
	<test></test>
</template>

<template>
    <test></test>
</template>

<script>
    export default {
    components: {
      Test,
    },
}
</script>