vue js 는 전역이라는 개념이 없나요???

Question

일반적으로 jsp로 웹 개발 할때는 tiles 만들어서 구조 정의하고commonScript.jsp 같은데다가 내가 쓸 전역 script들을 미리 임포트해둔다음화면 어디서든 common.함수() 뭐 이런식으로 사용하도록 하는 경우가 있습니다.vue에도 동일한 방식으로 미리 전역으로 정의해 두고 그걸 하위 컴포넌트 들에서 써보려고 하는데어떻게 해도 그런식으로 쓸 순 없더라고요.공식문서나 예제들을 봐도 globalProperties 안에 넣거나 provide나 pinia 같은데 넣어서 사용하거나아니면 그냥 공통으로 쓸 플러그인을 각 vue 화면마다 import 해야 하는데꼭 이런 방식으로만 개발해야 하나요???jsp와는 다르게 공식문서들에 나온 방법으로 개발하려 할 경우 컴파일러 자동완성도 지원되지 않더라고요.제가 플러그인 파일을 들어가서 사용할 함수명을 직접 긁어서 쓰거나개발자도구에서 debugger 걸어두고 찾아서 써야합니다.뭔가 할줄 몰라서 그러는건지 어떤지... ㅠㅠ

kenu,전독시 · Accepted Answer

진작에 Vue3라고 하셨으면 그렇게 찾아봤을 겁니다.이건 어때요?vue3 global 변수 다루기목표vue2 global 변수 다루는 법과 vue3 global 변수 다루는 방법의 차이를 알아봅니다.간단한 변수부터 store에 접근하는 것까지 알아봅니다composition api를 사용할 때, 옵션 api를 사용할 때로 분리해서 알아봅니다

kenu,전독시 · Answer

https://chafikgharbi.com/vuejs-global-function/

kenu,전독시 · Answer

다른 방법입니다.https://www.geeksforgeeks.org/how-to-add-or-apply-global-variables-in-vuejs/

캐티 · Answer

vue3가 es6 모듈 시스템을 고려하도록 변경한 것 같은데요.import env from env.jsconsole.log(env.website_name)원하는 모듈에서 전역으로 정의한 것에 접근하면 되어요.

2948284 · Answer

pinia vuexuseXXX 형태의 composiable 함수 내에서 전역 변수로 사용하기(한번로드되면 모든페이지에서 사용가능해요)main.js에서 글로벌 변수 정의 근데 필요한곳도 있고 필요없는곳도 있으니 전 2번을 선호함니다권한같은 유저객체는 store

하태연 · Answer

vuex 좀 써보셨다면 pinia 쓰시는 걸 추천합니다.CompositionAPI로 예제 잘 나와있고, 개념도 동일하고 사용하기 쉽습니다.제 개인 블로그에 적용한 모습입니다.보통 페이징 정보나 카테고리, Tag 정보를 담습니다.

이제허리가아프네 · Answer

함수를 composables 로 등록해두고 쓰시면 별도의 import 없이 아무데서나 사용 가능합니다.instance나 객체도 사용 가능하니 굉장히 편리합니다.

Kunie · Answer

다양한 방법으로 가능합니다.글로벌(window) 에 선언하여 사용하는 방법Vue 인스턴스에 주입하여 사용하는 방법상위 컴포넌트에서 Provide 하여 하위 컴포넌트에서 Inject 하는 방법사실 특별한 경우가 아니라면, 첫번째 방법인 글로벌에 선언하여 사용할만한 이유가 그다지 없을것같습니다.겨우 import 구문 한줄 줄이자고 캡슐화하지 않는다는 것이니까요.요즘 개발툴이 너무 잘되어있기도 하고요.

vue js 는 전역이라는 개념이 없나요???

8개의 답변

Q&A 목록