nuxt 사용자 정의 전역 방법, 전역 속성, 전역 변수 문제 해결

주의, 이것은 asyncData에서는 사용할 수 없습니다. mounted 등 다른 생명주기에서는 사용할 수 있습니다.
asyncData에서this를 얻지 못해서 구성 요소를 초기화하기 전에 실행했습니다. 방법을 찾으면 다음 블로그로 업데이트하겠습니다.
자, 이제 절차를 말씀드리자면plugins 폴더에commom을 추가합니다.js 이름은 네가 지어.
commom.js 테스트 코드

import Vue from 'vue'
var comsys= {
  install(Vue){
    Vue.prototype.comsys = {
     val:function(val){
     return val
     }
    };
    
  }
}
Vue.use(comsys);
nuxt.config.추가

plugins: 

[
   { src: '~/plugins/commom.js', ssr: false }
],
참조된 페이지 추가

mounted () {  
 alert(this.comsys.val(1)); 
}
응, 이렇게 하면 돼~
이것은 실례 방법입니다. 다른 속성 대상은 참고할 수 있습니다홈페이지
추가 정보: Nuxt 프로젝트는 전역 변수, 함수, 혼합 사용
Nuxt 프로젝트에서 CSS 사전 처리 언어를 사용할 때, 전역적으로 변수, 함수, 혼합을 추가해야 합니다. 이렇게 하면 프로젝트의 어느 곳에서든 사용할 수 있습니다. 그러면 어떻게 합니까?
먼저 @nuxtjs/style-resources 다운로드
npm install @nuxtjs/style-resources
그다음에nuxt.config.추가

//.......
 modules: [
  '@nuxtjs/style-resources'
 ],
 styleResources: {
  sass: [],
  scss: [],
  less: [],
  stylus: []
 }
//.......
예를 들어, 스타일러스 예처리 언어를 사용하면,/asset/css 아래에variable가 있습니다.styl 변수 파일, 이렇게 할 수 있습니다

export default {
 modules: ['@nuxtjs/style-resources'],
 styleResources: {
  stylus: './assets/css/variable.styl'
 }
}
이렇게 하면 전역적으로 변수가 도입됩니다. 여러 파일을 도입하려면./assets/css/global/*.styl, 전역적으로 주입하고 싶은 파일을 글로벌 디렉터리에 넣으면 됩니다.
참고:
여기 경로는 ~ 또는 @ 등 경로 별명을 사용할 수 없습니다.
절대 이런 방식으로 진정한 스타일 파일을 주입해서는 안 된다. 이런 방식은 단지 변수, 함수, 혼합 등 성명식 내용을 주입하는 것이지 진정한 스타일이 아니다.만약 네가 그렇게 한다면, 모든 구성 요소에 통제하기 어려운 전체적인 스타일을 주입할 것이다. 너는 매우 혼란스러울 것이다
이상의 이 해결 nuxt 사용자 정의 전역 방법, 전역 속성, 전역 변수의 문제는 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분에게 참고가 되고 저희를 많이 사랑해 주십시오.

좋은 웹페이지 즐겨찾기