@ccos/webos-vue

0.0.50 • Public • Published

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>

Readme

Keywords

Package Sidebar

Install

npm i @ccos/webos-vue

Weekly Downloads

39

Version

0.0.50

License

Apache-2.0

Unpacked Size

253 kB

Total Files

132

Last publish

Collaborators

  • coocaa_webx