@ccos/webos-vue

Webos UI 组件库

库的编译：

npm run build

库的发布：

npm publish

库的开发与测试

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

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

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

npm install -S @ccos/webos-vue

完整导入的使用方式

在 vue3 的工程中的 main.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');

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

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

按需导入的使用方式

main.js 加入：

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

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

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

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

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