Bleeding edge

이 글은 Vue와 Pinia를 사용하면서.. 시행착오가 많았었는데, 제가 다시 읽고 Pinia를 다시 사용할 때 편하기 하기 위해서 작성한 글입니다. 1. Pinia 생성 main.js import { createApp } from "vue"; import { createPinia } from "pinia"; import router from "./routes"; import App from "./App.vue"; import "./assets/styles/tailwind.css"; const app = createApp(App); app.use(createPinia()); app.use(router); app.mount("#app"); main.js에, router 앞에 createPinia를 사용한다..

Vue.js 맛보기 간단한 템플릿 구문을 사용하여 DOM에서 데이터를 선언적으로 렌더링 할 수 있다. {{message}} //message output 이 위에 마우스를 올리면 동적으로 바인딩 된 title을 볼 수 있습니다 {{count.text}} 메시지 뒤집기 Show 가 flase이고, showifelse가 ture인 경우 show false, showifelse flase {{message}} v-bind 속성은 디렉티브라고 입니다. v- 접두어가 붙은것은 DOM에 특수한 반응형 동작을 합니다. v-if는 해당 selector가 표시 될 지 말지 여부를 정할 수 있습니다.(v-if-else, v-else와 같이 사용 가능하다) v-for는 countdown에 있는 component만큼 반복합니..