본문 바로가기

개발중/Vue.js

 (52)
VueJS 실행시 VueJS 는 이클립스에서 컴파일시 실시간으로 보여지지 않는다. 때문에 아래 명령어들을 사용해야 한다. Terminal 을 키면 현재 위치는 내가 선택한 프로젝트의 위치일 것이다. 여기서 vue 파일로 들어가야 하기 떄문에 cd vue 명령어를 치고 vue 파일로 이동한다. 변경사항 저장 이 위치에서 vue 에 대한 작업이 이루어지는데 변경 사항이 있을 경우 아래 명령어를 사용하면 npm run build 빌드가 되었다는 안내문이 나타난다. 변경시 오류사항이 있을 경우 빨간색으로 에러가 우수수 떨어지게 된다. 변경사항 실시간 체크 이제 실시간으로 css , html 등 변경 사항을 보고 싶다면 아래 명령어를 사용하여야 한다. npm run serve 명령어를 입력하면 아래 처럼 안내문이 떨어지는데 Loc..
Vue 에서 제이쿼리 사용시 import import $ from 'jquery'
플러그인 플러그인은 일반적으로 전역 수준의 기능을 Vue 에 추가합니다. 플러그인에는 엄격하게 정의된 범위는 없습니다. 일반적으로 작성할 수 있는 플러그인에는 여러 유형 이 있습니다. 약간의 전역 메소드 또는 속성 추가 vue-custom-element 하나 이상의 글로벌 에셋 추가 디렉티브 / 필터 / 트렌지션 등 vue-router 글로벌 mixin으로 일부 컴포넌트를 추가 vuex Vue.prototype 에 Vue 인스턴스 메소드를 연결하여 Vue 인스턴스 메소드를 추가하십시요 가지고 있는 API를 제공하면서 동시에 위의 일부 조합을 주입하는 라이브러리 vue-router 플러그인 사용하기 Vue.use() 글로벌 메소드를 호출하여 플러그인을 사용 // 'MyPlugin.install(Vue)' 호출 Vu..
Vue 에서 js 파일 생성해서 import 사용까지 🖤 글이 도움이 되었다면 유튜브 클릭 해주세요 🖤 vue 는 특성상 methods 안에 여러개의 method 를 기술하는데 코드가 길어지면 답답할 것 같아서 js 파일을 만들어서 import 해서 사용하고 싶었다. 자료들이 많이 없었지만 아래 블로그를 참고해서 성공 dark-child.tistory.com/79 vue.js plugin으로 global method 만들기 DOCUMENT 플러그인 사용법 먼저 플러그인은 제공자와 사용자로 나뉩니다. 이때 두 사이를 이어주는 것이 Vue의 install 메서드입니다. 아래는 각각 예제 코드입니다. 제공자 코드 * // my-plugin.js*MyPlu dark-child.tistory.com 공통적으로 사용할 js 파일은 ../ src / assetes / ..

티스토리툴바