vue.js 自定义组件_为vue.js自定义轻量级Spinner组件

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.

您可以通过设置道具自定义颜色，大小，深度，顺时针，速度。 所有道具均具有默认值。 您可以通过设置状态道具来控制微调器的显示/隐藏。

View demo 查看演示 Download Source 下载源

安装 (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 自定义组件