找不到Vue.js框架的元素

Question

我已经安装了名为element的Vue.js框架，但出现此错误。

我正在导入只包含以下内容的index.html和Reviews.vue文件：

<template>
  <div id="app">
	<el-button type="primary" round>Primary</el-button>
  </div>
</template>

<script>
  import Vue from 'vue'
  import ColorPicker from 'element-ui'
  import 'element-ui/lib/theme-chalk/index.css'
  export default {}
</script>

<style lang="scss">

</style>

结果，我得到的只是文本“ Primary”

Answer 1

此“快速入门”代码段from the element github page将为您指明正确的方向：

import Vue from 'vue'
import Element from 'element-ui'

Vue.use(Element)

// or
import {
  Select,
  Button
  // ...
} from 'element-ui'

Vue.component(Select.name, Select)
Vue.component(Button.name, Button)

基本上，您可以使用Vue.use语法加载所有元素（我相信会将所有元素都加载到包中，因此如果您不经常使用它们，则可能不希望这样做。应用中元素组件的数量），或者在组件中加载元素的Button组件：

<template>
  <div id="app">
  <el-button type="primary" round>Primary</el-button>
  </div>
</template>

<script>
  import Vue from 'vue'
  import ColorPicker from 'element-ui'
  import 'element-ui/lib/theme-chalk/index.css'
  // mind this new line:
  import {Button} from 'element-ui'
  export default {}
</script>

<style lang="scss">

</style>