vue
-
Vue.js Mixins: 믹스인은 왜 필요한가? :: 마이구미Vue.js 2017. 12. 9. 16:24
이 글은 Vue.js 기능 중 하나인 믹스인(Mixin) 을 다룬다.뷰를 사용하고 있더라도 생소할 수 있지만 유용한 기능이고, 알게 된다면 사용할 수 밖에 없을 것이다.공식 문서 - https://kr.vuejs.org/v2/guide/mixins.html참고 링크 - https://css-tricks.com/using-mixins-vue-js/ 뷰는 독립적인 단위인 컴포넌트를 통해 구현된다.하나의 상황으로 비슷한 2개의 컴포넌트를 가지고 있다고 가정해본다.같은 기능을 가지고 있지만, 확실히 서로 다른 컴포넌트이다. 이러한 경우 2가지 방법을 생각해볼 수 있다. 1개의 컴포넌트로 만들고 props 를 이용해 구분한다.기존대로 2개의 컴포넌트로 분리한다. 2가지 방법 모두 퍼펙트 하지않다.1개의 컴포넌트 ..
-
Vue.js 사용하는 이유 :: 마이구미Vue.js 2017. 9. 2. 00:43
이 글은 Vue, Angular, React 를 비교하는 글이 아닌 단순히 Vue.js의 장점을 다룬다.Vue 이외에는 눈으로만 보았기에, Vue에 편중되어 보여질 수도 있다는 점을 미리 언급한다.세가지 비교는 참고 링크를 읽어보길 바란다.읽기 전 참고할 링크 - Virtual DOM && Top 7 reasons Vue.js && Vue, Angluar, React 비교 Vue는 요즘 핫한 자바스크립트 프레임워크로 사용되고 있다.React와 Angular가 항상 비교 대상이였지만, Vue의 등장으로 크게 3가지로 비교되고 있다.Vue의 등장은 신선했다.왜냐하면 Vue.js는 혈통 없이 React와 Angular의 성공과 실패로부터 만들어졌다.크게 React(Virtual DOM)와 Angular(양방향..
-
store.watch in Vuex :: 마이구미Vue.js 2017. 7. 13. 00:15
이 글은 Vuex 저장소의 상태(state)에 대해 watch 사용법을 다뤄본다.vuex를 이용할 때 watch 구현 방법을 알아본 후, watch가 작동이 안되는 경우도 원인을 파악할 수 있는 방법을 알아본다. 기본적으로 watch는 상태의 동적 변화를 감지하기 위해 사용한다.일반적으로 Vue.js는 watch 또는 computed를 활용한다. Vuex 저장소의 상태 변화를 감지해야할 필요가 있을 수 있다.크게 2가지로 방법으로 볼 수 있다. 1. store.watch 활용 const store = new Vuex.Store({ state: { n: 10 }, getters: { getN() {return state.n} } }) new Vue({ el: '#app', store, mounted () ..