@ccos/webos-vue/README.md

A Web-Ui Framework for Skyworth/Coocaa TV

# Webos UI 组件库

## 库的编译：

```bash
npm run build
```

## 库的发布：

```bash
npm publish
```

## 库的开发与测试

在该库的开发过程中，可以使用复制本库生成的 dist 目录到 DEMO 测试功能的 node_modules/@ccos/webos-vue， 然后执行 rm -rf node_modules/.vite，重新运行 npm run serve 或者 npm run dev

另外也可以使用 npm link 做软链接来调试库

## 业务工程使用该库的安装方法：

```bash
npm install -S @ccos/webos-vue
```

## 完整导入的使用方式

在 vue3 的工程中的 main.js 加入如下代码：

```js
import WebosUIComponent from '@ccos/webos-vue';
import '@ccos/webos-vue/dist/es/style.css';

const app = createApp(App);
app.use(WebosUIComponent);
app.mount('#app');
```

使用举例（以按钮组件举例）：   
组件则可以以下面方式直接使用：

```xml
<tv-button></tv-button>
<!-- 或者： -->
<TvButton></TvButton>
```

## 按需导入的使用方式

main.js 加入：

```js
// 导入库使用的css样式表
import '@ccos/webos-vue/dist/es/style.css';
```

对应其他页面的 *.vue 文件中加入：

```js
// 按需导入自己需要的组件：
import { TvButton } from '@ccos/webos-vue';
```

使用举例（以按钮组件举例）：   
组件则可以以下面方式直接使用：

```xml
<tv-button></tv-button>
<!-- 或者： -->
<TvButton></TvButton>
```