리엑트와 앵귤러보다 쉬운데, 리액트와 앵귤러와 같은 결과물을 낼 수 있다.
리액드의 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>
리액드의 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가 더 짧고 간단하다.
<html>
을 여러개 만들고 싶다.React
Vue
<html>
을 조건부로 보여주고 싶다.React
Vue
협업할 때 코드의 스타일을 통일시키기 쉽다.
방법이 하나이므로 초보가 배우고 활용하기 쉽다.
html 렌더링이 빠름(근소한 차이..)
꾸준히 업데이트가 잘 된다.