vue.js - VUE2.0使用 vue-color这个插件，注册了组件，可使用时还是说没定义

问题描述

问 题

VUE2.0使用 vue-color 这个插件，我已经注册了组件名为 aaaa 但是使用时说没定义。求解是不是 vue-color不支持vue 2.0的版本呢???

解决方案

<template>
  <div id="app">
    <img src="./assets/logo.png">
    <hello></hello>
    <Photoshop v-model="colors"></photoshop>
  </div>
</template>

<script>
import Hello from './components/Hello'
import { Photoshop } from 'vue-color'

export default {
  name: 'app',
  data () {
    return {
      colors: {
        hex: '#194d33',
        hsl: {
          h: 150,
          s: 0.5,
          l: 0.2,
          a: 1
        },
        hsv: {
          h: 150,
          s: 0.66,
          v: 0.30,
          a: 1
        },
        rgba: {
          r: 25,
          g: 77,
          b: 51,
          a: 1
        },
        a: 1
      }
    }
  },
  components: {
    Hello,
    Photoshop
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

直接使用 vue-cli 基于 webpack 项目模板创建的项目，按上面内容修改 App.vue 之后，没有你说的那个问题。

不过有另外一个问题，出现两个 undefined：

这篇关于vue.js - VUE2.0使用 vue-color这个插件，注册了组件，可使用时还是说没定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！