@richardluoshi/first-vue-test-component

一个基于 Vue 3.3+ 的组件库，使用 <script setup> 语法糖开发。

环境要求

• Vue 3.3.0 或更高版本
• Node.js 14 或更高版本

注意: 本组件库使用了 Vue 3.3+ 新增的 defineOptions 功能，因此要求 Vue 版本 >= 3.3.0。

安装

npm install @richardluoshi/first-vue-test-component

使用方法

全局注册

import { createApp } from 'vue'
import MyVueComponent from '@richardluoshi/first-vue-test-component'
import App from './App.vue'

const app = createApp(App)
app.use(MyVueComponent)
app.mount('#app')

按需导入

import { TextComp } from '@richardluoshi/first-vue-test-component'

export default {
  components: {
    TextComp
  }
}

在模板中使用

<template>
  <div>
    <!-- 使用组件 -->
    <TextComp :text="自定义文本" />
  </div>
</template>

组件

TextComp

文本展示组件

Props

| 属性 | 类型 | 默认值 | 说明 | |------|------|--------|------| | text | String | "欢迎使用！" | 显示的文本内容 |

示例

<template>
  <TextComp text="Hello World!" />
</template>

开发

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

许可证

MIT