javascript - 未找到 Vuejs 框架的元素

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

来自元素 github 页面的这个“快速入门”片段将使您朝着正确的方向前进：

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>