vue color picker

使いやすい
yarn add vue-pop-colorpicker

import { VueColorpicker } from 'vue-pop-colorpicker'
export default {
  components: {
    'color-picker': VueColorpicker
  },
  data() {
    return {
      color: '#ff0000'
    }
  }
}

 
使いにくい

import { Material, Compact, Swatches, Slider, Sketch, Chrome, Photoshop } from 'vue-color'
export default {
  components: {
    'material-picker': Material,
    'compact-picker': Compact,
    'swatches-picker': Swatches,
    'slider-picker': Slider,
    'sketch-picker': Sketch,
    'chrome-picker': Chrome,
    'photoshop-picker': Photoshop
  },
  data() {
    return {
      colors: '#ff0000'
    }
  }
}