Vue.js颜色选择器组件（Vue Swatches）

介绍

Vue Swatches是Vue的颜色选择器UI组件，允许用户选择颜色。与所有颜色均可用（167 77 216种颜色）的经典拾色器不同，Vue色板仅显示一堆预定义的颜色。

基本用法

<!-- Vue component -->
<template>
  <div>
    <v-swatches v-model="color"></v-swatches>
  </div>
</template>

<script>
  import VSwatches from 'vue-swatches'

  // Import the styles too, globally
  import "vue-swatches/dist/vue-swatches.css"

  export default {
    components: { VSwatches }, // window['vue-swatches'] - from CDN
    data () {
      return {
        color: '#1CA085'
      }
    }
  }
</script>