babel-polyfill 설치 (ex: npm install babel-polyfill , yarn add babel-polyfill ) main.js 제일 상단에 import 'babel-polyfill'
각 환경마다 변수를 다르게 사용해야하는 경우가 생길경우 예를 들면 개발서버에서는 개발url을 리얼서버에서는 리얼url을 바라봐야 할때 아래와 같이 사용한다. https://cli.vuejs.org/guide/mode-and-env.html#modes 참고로 production으로 minify를 해야할 경우 변수파일 상단에 아래 변수를 꼭 넣어주자. NODE_ENV=production 그래야 소스가 압축해서 올라간다.
vue 프로덕션으로 빌드시에 소스맵 삭제하기 vue.config.js 파일에 productionSourceMap: false 내용추가
뷰 드래그앤 드랍 좋은 예제 See the Pen Vue.Draggable animation option by homin ahn (@beans9) on CodePen.
웹서비스에서 사용자 정보를 RESTful규칙에 맞게 추가한다고 할때 path를 아래와 같이 한다 GET: /member/add 그런데 id가 x인 사용자의 정보를 조회한다고 했을때는 아래와 같이 한다 GET: /member/:id vue router에서 아래와 같이 설정하였을 경우에 id가 add일때와 1,2,3,4,5와 같이 숫자일때 구분할수가 없는데 정규식을 이용하면 간단히 해결된다{ path: '/member/:id', .. component: .. } 정규식 예 { path: '/member/add', component: memberAdd }, { path: '/member/:id(\\d+)', props: true, component: memberInfo }
vue cli3로 만든 프로젝트에서 host를 변경해야 할 경우 vue.config.js 파일에서 빨간부분을 추가한다.'use strict' module.exports = { configureWebpack: { devServer: { host: '원하는도메인', port: '8080' } }}
