使用 Vite+TypeScript 打造一个 Vue3 组件库
<template>
<div class="hello">
<h1>{{ msg }}</h1>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'HelloWorld',
props: {
msg: String
}
});
</script>
<style scoped>
h1 {
color: #42b983;
}
</style>这个简单的Vue 3组件展示了如何使用Vite和TypeScript创建一个组件库。它定义了一个<HelloWorld>组件，该组件接受一个msg属性，并在模板中显示它。样式部分使用了scoped属性，确保样式只应用于当前组件。这个例子是一个开始创建组件库的基础，可以根据需要添加更多功能。
评论已关闭