vue.js 自定义组件
Vue微调器组件 (Vue Spinner Component)
Customize and lightweight Spinner Component for vue.js.
为vue.js定制轻量级Spinner Component。
You can customize the color, size, depth, clockwise, speed with setting the props. All props have default value. You can control the spinner show/hidden with setting the status prop.
您可以通过设置道具自定义颜色,大小,深度,顺时针,速度。 所有道具均具有默认值。 您可以通过设置状态道具来控制微调器的显示/隐藏。
安装 (Installation)
NPM (NPM)
$ npm install vue-spinner-component
普通JS (CommonJS)
var Spinner = require('vue-spinner-component/src/Spinner.vue');
new Vue({
components: {
Spinner
}
})
ES6 (ES6)
import Spinner from 'vue-spinner-component/src/Spinner.vue'
new Vue({
components: {
Spinner
}
})
Or:
要么:
Vue.component('spinner', require('vue-spinner-component/src/Spinner.vue'));
本地设置 (Local setup)
npm install
npm run dev
用法 (Usage)
<spinner :status="spinnerStatus" :color="spinnerColor" :size="spinnerSize" :depth="spinnerDepth" :clockwise="spinnerClockwise" :speed="spinnerSpeed"></spinner>
翻译自: https://vuejsexamples.com/customize-spinner-component-for-vue-js/
vue.js 自定义组件