목록vue.js/vue 잡기술 (3)

초보 개발자

Vue $의 의미

Vue 에서 $(dollar)의 의미 1. vue에서 전역 객체 속성이다. private하게 사용하는게 아닌 public하게 사용하는 속성 ex) this.$emit, this.$router.push({}) ..... 등등
vue.js/vue 잡기술 2022. 5. 23. 21:05
vue 플러그인 생성

플러그인은 여러 컴포넌트에서 사용되는(특히 전역) 기능을 만들 때 사용한다. Vue.use(Vuex); Vue.use(VueRouter); Vue.use(Vuex)를 호출하면, Vuex에 정의되어있는 install()이라는 메서드가 호출된다. 이 사실이 가장 간단하면서도 가장 중요하다. 첫 번째 방법 🛺 간단히 console.log를 찍는 플러그인을 하나 만들어보려고한다. plugins안에 하나의 파일을 만들자. plugins/gogosing.js import Vue from 'vue' export const GoGoSSing = { install (Vue) { Vue.prototype.$mygogo = () => { console.log('고고싱...') } } } Vue.use(GoGoSSing) ​..
vue.js/vue 잡기술 2022. 5. 18. 18:33
vue nextTick()

아래와 같은 코드가 있다고 가정해보자. v-if가 처음 false라서 보이지 않을 것이다. 그리고 mount된 후 load의 값을 true로 변경하여 그 보여질 것이다. 그리고 ref값이 target인 DOM에 접근하려고 했으나 과연 값은 어떨까? 처음에 생각했을 때 당연히 dom이 출력될 것이라고 생각하였지만 실제로는 undefined가 출력이 되었다. 이 이유는 Vue가 DOM업데이트를 비동기로 하기 때문이라고 한다. 따라서 저 값을 제대로 얻으려면 어떻게 해야할까? 이때 사용하는 것이 바로 nextTick이다. Vue가 데이터를 변경한 뒤 DOM업데이트를 마칠 때 까지 기다리려면 데이터가 변경된 직후에 nextTicㅏ을 사용하면 된다. 이건 DOM이 업데이트 된 후에 호출이 된다. 콜백함수의 형태를..
vue.js/vue 잡기술 2022. 5. 12. 19:50
이전 Prev 1 Next 다음