[Vue]첫 사용 후기

채용 공고에서 부쩍 Vue.js 얘기가 많아서 한번 배워보자는 심산으로 해보고 있다.

(물론 패키지로 결재한 교육 프로그램 안에 Vue가 있기도 하다.)

React 대비해서 편리한 점이 많다고 해서 써보고 있는데, 지금까지 써본 느낌은 아래와 같다.

1. 반복문 조건문 쓰기가 매우 편리

<div v-for="(원룸, i) in 원룸들" :key="i">

▶ 이런식으로 반복문을 쓴다. 태그 안에 들어가고, 표현식이 매우 간결하다.

2. Vue파일안에 css가 포함

<template>
</template>
<script>
export default {
}
</script>
<style>
</style>

▶이런식으로 Vue 파일안에 모든 정보가 다 담겨있다. CSS를 왔다갔다할 필요가 없다.(React의 styled-component와 비슷한 맥락이다.)

3. data/props/components 저장이 간결

export default {
  name: "App",
  data() {
    return {
      누른거: 0,
      원룸들: data,
    };
  },
  methods: {
    increase() {
      this.신고수[0] += 1;
    },
  },
  components: {
    TheDiscount:TheDiscount,
    ModalWindow:ModalWindow
  },
};
</script>

▶ 이런식으로 script 태그 안에 필요한 것들이 깔금하게 정리 되어있다. 가끔 코드가 길어지면 무슨 변수를 저장했는지 조차 헷갈릴 때가 많은데.. 매우 깔끔하다.

※ 총평 : 매우 간결하다!

▶ 문법들이 새롭긴하지만, 매우 쉽고 간결하다.
▶ 특수한 문법들이 쓰이므로, 프레임워크에 가깝다(주체가 Vue에게 잇음)
▶ 다만... Nextjs, Redux 등의 React와 궁합이 맞던 라이브러리들이 어떻게 호환될지 매우 궁금하다. 흥미를 가지고 배워볼만하다!