UNPKG

vue-npm-component-demo

Version:

A demo Vue component for npm publish

47 lines (40 loc) 1.15 kB
# 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| 点击组件按钮时触发 | 按钮点击的提示信息 |