Vue.js 및 Nuxt.js

Question

훌라,이 질문에 대답하는 그 모든 감사의 첫 번째. 이 질문은 바보로 문의하십시오. 저는 vue.js에서 vue.js가 제공 한 nuxt에서 내 스파를 바꾸고 있습니다.하지만 지금은 nuxt 전체가 작동하는 방식 사이에 0 % visibility의 trocule beacuse에 있습니다.

질문 :

1. 방법 글로벌 구성 요소를 등록 할 수 있습니다.
2. 클라이언트 측 동작의 특정 사용자에게 nuxt의 레이아웃을 전환하는 방법.
3. vue.use (someplugin)를 쓸 곳.
4. 로드 페이지보다 사용자 ip deatils를 사용하여 서버에 연결하는 방법의 미들웨어 내보내기를 작성하는 방법.
5. vue.js에서 환경 변수를 처리하는 방법
6. 모든 미들웨어 및 플러그인에서 사용중인 구성 요소로 데이터를 전송하는 방법.
7. 에는 vue 구성 요소를 분리 할 수있는 방법이 있으며 거기에는 각각의 방법과 데이터가 있습니다.

내가 ~ 플러그인/registerPlugin.js에 vue.use (플러그인)을 사용하여 모듈을 등록 MY PROJECT

ON하려면 방법이 없습니다 때문에 현재 문제 예 :

'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은 내게 완전히 명확하지 않습니다. 아마도 당신은 그들을 다시 쓰고 싶습니까?

방법 글로벌 구성 요소를 등록합니다.

은/플러그인에서 플러그인 파일을 확인하고 클라이언트 측 행동의 특정 사용자에 nuxt에서 레이아웃을 전환하는 방법 nuxt.config.js

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

Have a look here.

에 추가합니다. Have a look into this discussion

는 vue.use (someplugin)

당신은 "nuxt"플러그인으로 추가하고 nuxt.config.js도 추가 할를 작성합니다.

Have a look here how to do it. 방법

당신은 그들을 nuxt.config.js도 설정 vue.js에 enviornment 변수를 처리합니다.See here.