Hi

유니버설 Vue.js 애프리케이션을 개발하기 위한 편리한 프레임워크

watch : { '$route'(to, from) { this.no = to.params.no; } } 인자 to : 각각 현재의 라우트 객체, from : 이전의 라우트 객체

URI가 /contacts/:no 일때this.$route.params.no 는 위의 :no 에 접근할 수 있다. /users?keyword=testthis.$route.query.keyword 쿼리 문자열의 이용한 요청인 경우this.$route.query.keyword 에 접근할 수 있다.

최소한의 변경으로 재사용할 수 있는 프로젝트 템플릿

기존 웹 어플리케이션은 화면마다 페이지를 작성했습니다. 그래서 화면이 바뀔때마다 페이지를 매번 로드해야 하는 문제점이 있었습니다. SPA는 하나의 페이지에 HTML, CSS, 자바스크립트 코드를 한번에 작성하고 로드합니다. 따라서 동일 페이지 안에서 화면만 바뀌기 때문에 데스크톱 애플리케이션 수준의 사용자 경험을 제공합니다. 한 페이지 안에서 화면만 바뀌기 때문에 상태 관리, 라우팅 기능을 제공할 수 있는 기능이 반드시 필요한 것이 단점입니다.

v-on 을 이용한 사용자 지정 이벤트$on(eventName) 을 사용하여 이벤트를 감지 하십시오. $emit(eventName) 을 사용하여 이벤트를 트리거 하십시오. {{ total }} Vue.component('button-counter', { template: '{{ counter }}', data: function () { return { counter: 0 } }, methods: { incrementCounter: function () { this.counter += 1; this.$emit('increment'); } } }); new Vue({ el: '#counter-event-example', data: { total: 0 }, methods: { incrementTotal: fu..

npm run lint -- --fix 를 터미널에 치거나, .eslintrc.js 파일의 rules 안에 "linebreak-style": 0 을 넣는다. 출처 : https://github.com/diegohaz/arc/issues/171

현재 위치 pwdmkdir '파일 이름'cd '폴더이름'에 들어간다.한번만 하면 된다. npm install -g vue-clivue init hyunwoo/vue-template? Generate project in current directory? Yes ? Project name vue-router-test ? Project description A Vue.js project ? Author SharingWorld hapsoa@gmail.com ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Airbnb ? Pick an template language ..