我不能在Nuxt.js/vue.js中使用第三方组件

我尝试将这个库用于我的Nuxt项目: 入门

我尝试过如何用docs编写,但在所有变种中都会出现错误:unknown自定义元素: - 你是否正确注册了组件？对于递归组件,请确保提供"名称"选项.我试过的:

获取错误:窗口未定义.比我试试这个:

mounted(){
        var typeahead = require('vue-strap/src/Typeahead');
        Vue.component('typeahead',typeahead);
        new Vue({
            el: 'typeahead'
        })
    }

渲染,但有很多错误:

并尝试写为插件如何在ru.nuxtjs.org/examples/plugins中描述,但没有成功.请帮我正确插入这个库.

我有与vue-touch相同的问题,我通过添加它作为Nuxtjs.Org建议的插件来解决它

工作流程

在主目录'plugins'上创建一个文件夹

在类似'plugins/the-external-component-you-want-to-add.js'下创建一个.js文件,用于可能的案例'plugins/vue-notifications.js'

根据您的需要修改下面的代码.

import Vue from 'vue'
import VueTouch from 'vue-touch'

客户端和服务器端的使用情况

Vue.use(VueTouch, {name: 'v-touch'})

如果插件只需要客户端

if (process.BROWSER_BUILD) { 
  Vue.use(VueTouch, {name: 'v-touch'})
}

然后一个不错的日志

console.log('plugin v-touch is locked and loaded')

通过编辑nuxt.config.js将插件注入webpack工作流程

plugins: ['~plugins/vue-touch'],
build: {
 ...
}

然后你可以在你的插件文件中命名它.

SWIIIIIIPE

文档

有关更多信息,请查看nuxtjs.org 文档.