Javascript Vue.js和Nuxt.js

Javascript Vue.js和Nuxt.js,javascript,vue.js,vuejs2,vue-component,nuxt.js,Javascript,Vue.js,Vuejs2,Vue Component,Nuxt.js,霍拉,首先感谢那些回答这个问题的人。问这个问题可能是愚蠢的。 我正在将我的spa从vue.js切换到vue.js提供的nuxt,但我现在写的是Troble,因为整个nuxt的工作方式之间的可见性为0% 问题: 如何注册全局组件 如何在客户端行为的特定用户上切换nuxt中的布局 在何处编写vue.use(someplugin) 如何编写方法的中间件导出,该方法使用用户ip数据连接到服务器,而不是加载页面 如何在vue.js中处理环境变量 如何将数据从任何中间件和插件传输到我正在使用的组件 是否有任

霍拉,首先感谢那些回答这个问题的人。问这个问题可能是愚蠢的。 我正在将我的spa从vue.js切换到vue.js提供的nuxt,但我现在写的是Troble,因为整个nuxt的工作方式之间的可见性为0%

问题

  • 如何注册全局组件
  • 如何在客户端行为的特定用户上切换nuxt中的布局
  • 在何处编写vue.use(someplugin)
  • 如何编写方法的中间件导出,该方法使用用户ip数据连接到服务器,而不是加载页面
  • 如何在vue.js中处理环境变量
  • 如何将数据从任何中间件和插件传输到我正在使用的组件
  • 是否有任何方法可以分离vue组件以及各自的方法和数据
  • 当前问题导致我无法继续我的项目

    在~plugins/registerPlugin.js ex中使用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);
    

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

    如何注册全局组件

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

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

    如何在客户端的特定用户上切换nuxt中的布局 行为

    在何处编写vue.use(someplugin)

    您可以将它们添加为“nuxt”插件,并将它们添加到
    nuxt.config.js

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


    您还可以在
    numxt.config.js
    中设置它们

    我建议在开始之前阅读Nuxt网站上的整个指南。我想你的很多问题都在这里得到了回答:谢谢先生的回复。你能告诉我在哪里放置方法吗?这些方法在组件中重复,并且是静态文件夹,适合包含配置文件。