Vue.js?
- 화면 전환이 부드럽다.
- 웹을 모바일 앱처럼 만들 수 있다.(web-app)
- 웹앱을 만드는 React, Angular 와 같은 프론트 웹 프레임워크
뷰는 왜 쓸까??
쉽다
리엑트와 앵귤러보다 쉬운데, 리액트와 앵귤러와 같은 결과물을 낼 수 있다.
react vs vue (if)
리액드의 if
const conditional = () => {
if(true) {
return <p>react</p>
} eles {
return <p>no react</p>
}
}vue의 if
<template>
<div>
<p v-if="show">vue</p>
<p v-else>no vue</p>
</div>
</template>react vs vue (for)
리액드의 for
<ul>
{
todos.map((todo) =>
<li key={todo}>{todo}</li>
)
}
</ul>vue의 for
<ul>
<li v-for="todo in todos" :key="todo">{{todo}}</li>
</ul>vue가 더 짧고 간단하다.
옳은 길(right way)이 존재한다.
Q <html>을 여러개 만들고 싶다.
React
- { map }
- forEach
- for for in for of
- 등등....
Vue
- v-for
Q <html>을 조건부로 보여주고 싶다.
React
- tenary operator
- && ||
- if else
- enum
- 등등....
Vue
- v-if v-else
협업할 때 코드의 스타일을 통일시키기 쉽다.
방법이 하나이므로 초보가 배우고 활용하기 쉽다.
추가 장점
-
html 렌더링이 빠름(근소한 차이..)
-
꾸준히 업데이트가 잘 된다.
BackEnd Developer