Vue 에서 js 파일 생성해서 import 사용까지

---

🖤 글이 도움이 되었다면 유튜브 클릭 해주세요 🖤

---

vue 는 특성상 methods 안에

여러개의 method 를 기술하는데

 

코드가 길어지면 답답할 것 같아서

js 파일을 만들어서

import 해서 사용하고 싶었다.

 

자료들이 많이 없었지만 아래 블로그를 참고해서 성공

dark-child.tistory.com/79

 

vue.js plugin으로 global method 만들기

 

 

 

---

 

 

공통적으로 사용할 js 파일은 

 

../ src / assetes / js / common.js

 

경로에 만들었고

 

 

 

 

 

 

 

또 다른 내 실수는 js 파일에

일반적으로 내가 알고 있는 함수를 사용했다.

이러니 실패

 

 

 

위에 처럼이 아닌 왼쪽 처럼 함수를 정의 해야 한다.

 

 

 

 

 

 

 

 

 

 

 

 

이 부분도 꼭 정의를 해주어야 한다.

 

위에서 정의한 함수를

Vue 에 등록해주는 과정인 것 같다.

 

 

 

 

 

 

 

 

 

 

---

 

 

위에서 말한  Vue  는

main.js 에서 정의가 되어 있는데

 

 

 

 

 

 

 

 

 

 

 

1. 내가 사용하고자 하는 js 문서를 import 하기

 

 

 

 

 

 

 

 

 

 

 

 

2. Vue 를 통해서 common을

   사용 할 수 있도록 한건가?

 

 

 

 

 

 

 

 

 

 

 

---

 

결론은 vue 에서

js 문서에 접근 할 수 있다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

 

참고 사이트

 

kr.vuejs.org/v2/guide/plugins.html

플러그인 — Vue.js

---

글이 도움이 되었다면 제 브이로그 좋아요 구독 부탁드립니다 🧡

---

비전공자 개발자들을 대상으로 인터뷰를 진행했어요 아래 자료들에서 얻을 수 있는 정보는 #개발자면접후기 #개발자책추천 #국비교육을 받았나 ? #취업까지 얼마나 걸렸나 #비전공자인데 개발직은 할만한가 ? #전전공이 개발에 도움이 되나요? 등등 케바케 질문들로 구성된 인터뷰입니다. 도움이 되었다면 좋아요 🧡궁굼한 점이 있다면 댓글 💛

---