나중에는 어떻게 될지 모르겠지만 현재는 리액트와 뷰가 대등하게 사용된다
(뷰의 깃허브 통계치를 보면 어떤 부분에서는 리액트보다 위에 있고 거의 대등한 수준으로 올라가고 있다) - 리액트보다 1년 늦게 나왔는데 차이를 따라잡고 있다
📍 Vue.js 와 React.js 의 공통점 ⭕
📍 Vue.js 와 React.js 의 차이점 ❌
<template> // html을 하나의 파일에 바인딩을 해준다
<div class="hello">Hello world!</div>
</template>
<script>
export default{
data() {},
methods: {
someFunction() {}
}
};
</script>
<style>
.hello{
color : red;
}
</style>
<div v-if="show">Hi!</div>
{show && <div>Hi!</div>}
array.map((v,i) => <div key={i}>{v}</div>)
<div v-if="(v,i) in array" :key="i">{{v}}</div>
<div>{foo}</div>
<div>{{foo}}</div>
CDN을 사용해서 시작할 수 있다
HTLM 파일에서 라이브러리처럼 일부 사용이 가능하다
Vue CLI를 사용해서 바로 Vue 설치
vue create hello-world
개발자 도구에서 사용하도록 크롬 확장 프로그램 설치
vs코드에서 Vue 3 snippets를 install 하고,
vueinit을 치면 아래와 같이 코드를 작성할 수 있는 준비가 완료된다