组件基本使用

如果不熟悉,可去vuejs官网查看文档。

引入组件

<script>
	import tuiComponent from "@/components/component/component"
	export default {
		components:{
			tuiComponent
		},
		data() {
			return {
			}
		},
		methods: {
		}
	}
</script>

使用组件

<tui-component :show="show" :color="color" :size="size" :is-cancel="isCancel" @click="click"></tui-component>

其中 :show="show" :color="color" :size="size" :is-cancel="isCancel" 部分为props,@click为组件绑定事件