Vue.js 使用Nuxt让vue变得很棒

我正在努力使vue在我的项目中发挥出色的作用

我用这个修改了我的nuxt.config.js

vendor: ['vue-awesome']

我在default.vue中执行了此操作

但这给了我一个错误

窗口未定义

然后我尝试从default.vue中删除导入，并在我的页面中使用它。

---

该组件的代码在chrome开发工具中，但图标不可见，我需要修改我的网页配置或其他什么吗？

答案已在上给出

您需要使用nuxt将组件注册为全局组件

例如：

nuxt.config.js

插件/vue-awesome.js

然后，在页面和组件中，可以使用组件：

pages/index.vue

---

答案已经在网上得到了回答

您需要使用nuxt将组件注册为全局组件

例如：

nuxt.config.js

插件/vue-awesome.js

然后，在页面和组件中，可以使用组件：

pages/index.vue

import Icon from 'vue-awesome';

export default {
    components: {
        Icon
    }
}

module.exports = {
  build: {
    vendor: ['vue-awesome']
  },
  plugins: ['~plugins/vue-awesome.js']
}

import Vue from 'vue'
import Icon from 'vue-awesome/components/Icon.vue'
require('vue-awesome/icons')

Vue.component('icon', Icon)

<template>
  <div>
    <h1>Welcome!</h1>
    <icon name="camera"></icon>
  </div>
</template>