Vue.js 和 Nuxt.js

Question

Holla，首先感谢回答这个问题的人。 问这个问题可能很傻。 我正在将我的水疗中心从 vue.js 切换到 vue.js 提供的 nuxt，但现在写我很麻烦，因为整个 nuxt 的工作方式之间的可见性为 0%。

问题：

1. 如何注册全局组件。
2. 如何在客户端行为的某些用户的 nuxt 中切换布局。
3. 在哪里写 vue.use(someplugin)。
4. 如何编写使用用户 ip 详细信息而不是加载页面连接到服务器的方法的中间件导出。
5. vue.js中如何处理环境变量
6. 如何将数据从任何中间件和插件传输到我正在使用的组件。
7. 有什么方法可以分离vue组件以及各自的方法和数据。

当前问题导致我无法继续我的项目

在 ~plugins/registerPlugin.js 中使用 vue.use(plugins) 注册模块，例如：

    'use strict';

    /*
    MODULE IMPORTS
    */

    // npm modules.
    import Vue from 'vue';

    // temp modules. ex modules for registration.
    import __vueCookie from 'vue-cookies'; // npm: provide cookie set and get.
    import __veeValidate from 'vee-validate'; // npm: provide field validation.
    import __moment from "vue-moment"; // npm: filter plugin for vue.js.
    import __vueLocalStorage from 'vue-localstorage'; // npm: provide local storage api.
    import __vueSessionStorage from 'vue-session'; // npm: module for managing session storage.
    import __vueResource from 'vue-resource'; // npm: vue resource library.


    /*
     PLUGIN REGISTRATION
    */

    // use vue resource library.
    Vue.use(__vueResource);

    // vue validate for input validation.
    Vue.use(__veeValidate);

    // vue filter plugin for date and time.
    Vue.use(__moment);

    // cookie plugin manager for vue.
    Vue.use(__vueCookie);

    // local storeAge manager for vue.
    Vue.use(__vueLocalStorage);

    // session storage manager for vue.
    Vue.use(__vueSessionStorage);

Answer 1

这是我对问题 1-5 的回答。 6 和 7 对我来说并不完全清楚。 也许你想重写它们？

如何注册全局组件。

在 /plugins 中创建一个插件文件，然后将其添加到nuxt.config.js

plugins: ['~/plugins/components.js']

看看这里。

如何在客户端行为的某些用户的 nuxt 中切换布局。

看看这个讨论

在哪里写 vue.use(someplugin)

您可以将它们添加为“nuxt”插件，并将它们也添加到nuxt.config.js 。 看看这里怎么做。

vue.js中如何处理环境变量

你也在nuxt.config.js设置它们。 看这里。