vue-npm-component-demo
Version:
A demo Vue component for npm publish
47 lines (40 loc) • 1.15 kB
Markdown
# vue-npm-component-demo
A demo Vue component published to npm.
## 安装
```bash
npm install vue-npm-component-demo --save
```
## 使用
```vue
<template>
<div>
<MyDemoComponent :title="myTitle" @handleClick="handleComponentClick" />
</div>
</template>
<script>
import MyDemoComponent from 'vue-npm-component-demo';
import 'vue-npm-component-demo/dist/vue-npm-component-demo.css';
export default {
components: { MyDemoComponent },
data() {
return {
myTitle: 'Hello NPM Component'
};
},
methods: {
handleComponentClick(msg) {
console.log('Component clicked:', msg);
}
}
};
</script>
```
## 组件属性
| 参数 | 类型 | 默认值 | 说明 |
|------------|--------|--------------|----------------------|
| title | String | 'Demo Title' | 组件标题 |
| isShow | Boolean| true | 是否显示组件 |
## 组件事件
| 事件名 | 说明 | 回调参数 |
|------------|----------------------|----------------------|
| handleClick| 点击组件按钮时触发 | 按钮点击的提示信息 |