0.1.3 • Published 4 years ago
vue-simple-comp v0.1.3
自用的一些VUE组件
目前已有的组件
- NineLottery 九宫格抽奖滚动动画
安装
npm i vue-simple-comp -S
使用
如果按照上述方法安装后可以这样使用
// main.js
import Vue from 'vue';
// 注册所有组件
import * as simpleComp from 'vue-simple-comp';
Vue.use(simpleComp);
// 或者注册单个组件比如NineLottery
import { NineLottery } from 'vue-simple-comp';
Vue.use(NineLottery);
在Vue项目的入口文件中这样注册,属于全局注册,可以在任何vue的单文件中直接使用
<template>
<div id="app">
<NineLottery></NineLottery>
</div>
</template>
<script>
</script>
除了全局注册也可以单文件注册,比如在demo.vue这个文件中
<template>
<div id="demo">
<NineLottery></NineLottery>
</div>
</template>
<script>
import { NineLottery } from 'vue-simple-comp';
export default {
components: {
[NineLottery.name]: NineLottery,
},
...
}
</script>
说明
每个组件的详细使用说明点击上面的组件列表查看 在线实例