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設置它們。 看這里。