vue3.0 安装使用element-ui

安装element-ui

cnpm i element-ui --save

然后在main.js文件引入

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

之后就可以在页面使用了

 <div class="block">
  <span class="demonstration">默认不区分颜色</span>
    <el-rate v-model="value1"></el-rate>
  </div>
  <div class="block">
    <span class="demonstration">区分颜色</span>
    <el-rate v-model="value2" :colors="colors"></el-rate>
  </div>

export default {
     
  data() {
     
    return {
     
      value1: null,
      value2: null,
      colors: ["#99A9BF", "#F7BA2A", "#FF9900"] // 等同于 { 2: '#99A9BF', 4: { value: '#F7BA2A', excluded: true }, 5: '#FF9900' }
    };
  }
}

展示效果