nuxt 사용자 정의 전역 방법, 전역 속성, 전역 변수 문제 해결
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 사용자 정의 전역 방법, 전역 속성, 전역 변수의 문제는 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분에게 참고가 되고 저희를 많이 사랑해 주십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【비공식】Notion을 CMS로 해 기사 일람을 취득해 보았다 【하지만 편리】최근에는 업무 위탁으로 디자인 회사에서 배우면서 일전을 벌 수 있는 생활을 하고 있습니다. 또 이 후 axios를 넣을지 묻는다고 생각하므로 잊지 않고 넣어 봅시다. 이번에는 create-nuxt-app라는 페이지를...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.