vue2
-
[VueJS] Vue2 watch를 통해 중첩 데이터 감지하고 변경된 데이터 확인하기frontend/vue&nuxt 2023. 1. 18. 19:12
오늘은 Vue를 개발할 때 자주 이용하셨던 watch에 대해서 알아보도록 합니다. vue에서 watch는 특정 데이터의 변화를 감지하여 특정 로직을 동작하게 할 때 주로 사용합니다. 성능을 위해서 자주 사용하는 건 권장드리지 않지만 꼭 사용해야될 상황이 있습니다. 오늘은 이러한 watch를 이용해 중첩 데이터를 감지하고 그 이상으로 변경된 데이터를 알 수 있는 방법을 알려드리도록 하겠습니다. 1. 기본 문법 watch: { //감지할데이터 : function(바뀐값,바뀌기전 값) obj: function (val, oldVal) { //로직 } } 기본적인 문법은 위와 같습니다. watch 내부에 감지할 데이터를 넣고 바뀐값과 바뀌기 전 값을 알고 있습니다. 하지만 이러한 구조에서는 중첩데이터를 감지할 ..
-
[VueJS] Vue2 업데이트 시작 Vue2.7 Naruto 공식 릴리즈frontend/vue&nuxt 2022. 9. 2. 09:54
오늘은 멈춰있던 Vue2를 다시 움직이게 할 Vue 2.7 공식 릴리즈 Naruto에 대해서 알아보겠습니다. 기존의 Vue 2.6에서의 변경점과 Vue3와의 차이점에 대해서 알아 보겠습니다. Vue3로 넘어가기 위해서 파격적으로 공식적으로 Vue3를 지원하기도 하고 많은 변화들이 있었는데 Vue2에서도 Vue3의 기능을 사용할 수 있게 2.7 릴리즈가 된다고 알고 있었는데 드디어 되었습니다. 사내에선 Vue2 기반으로 프로젝트가 진행되었었는데 Vue3로 마이그레이션을 진행해야될지 고민하던 찰나에 2022 7월에 Naruto가 나와서 일단은 Vue2에서 최신버전으로 올리겠습니다. 올리면서 알게된 변경점들에 대해서 말씀드리겠습니다. 바뀐점(2.7 release) 어차피 vue3를 사용하신분이라면 다들 아실 ..
-
Webpack : Cannot find module 'vue-loader/lib/plugin'frontend/오답노트 2022. 3. 26. 15:35
문제 : Cannot find module 'vue-loader/lib/plugin' Cannot find module 'vue-loader/lib/plugin' 이런 관련한 문제가 발견된다면 해결방법은 아래와 같습니다. 해당 문제는 구버전의 VueLoaderPlugin와 신버전의 VueLoaderPlugin의 import 방법이 바뀌었기 때문입니다. 해결방법 : const { VueLoaderPlugin } = require('vue-loader') 위와 같이 변경하여 준다면 정상적으로 VueLoaderPlugin이 동작하게 됩니다. vue3가 공식이 되면서 미뤄두었던 vue2프로젝트의 마이그레이션을 진행하다가 발견한 문제였습니다.