Vue의 style 지원

Style을 작성하는 방법은 다양합니다. 단순 CSS를 이용하는 방법도 있고 SASS나 LESS로 조금 더 쉽게 작성하는 방법을 사용할 수도 있습니다. 작성을 하다 보면 모두 공통점이 있는데 그 중 하나가 중복해서 작성하지 않으려고 노력하는 점입니다.

cli로 작업하면서 달라지는 점

오랜만에 작성하는 포스팅입니다. 그동안 글을 정리하거나 어떻게 포스팅을 이어갈지 고민을… 했다기 보다는 일이 바쁘고 블로그 관리에 대한 노하우가 없어서 작성을 미루게 되었습니다. 2020년이 된 지금 다시 한번 마음을 잡고 주기적으로 포스팅을 이어나갈 생각입니다.

구조와 .vue 파일

vue-cli 살펴보기

시작하기전 기본적으로 node가 설치되어 있어야 합니다.

computed

```html 나는 메시지입니다. 나는 {{ message }}입니다.

v-model

v-model

state, this

state관리와 this

라이프사이클

라이프사이클이란 Vue가 선언되서 인스턴스가 생성되고 나갈때 까지의 단계들입니다.

v-on

methods

v-for

v-for의 경우는 태그를 반복적으로 생성할 때 사용합니다.

v-show, v-if

이전 포스팅은 텍스트를 View단에 그리는 기능들을 봤습니다. 이번에는 좀 더 개발적인 느낌이 나는 기능들을 소개해보겠습니다.[Vue warn]: Property or method “show” is not defined on the instance but referenced during render. Make sure that...

v-bind

<input type="text" v-bind:placeholder="placeholder" />

v-html, v-text

지난 글은 단순히 Vue.js 파일을 불러와 data를 실제 View단에 추가하는 것을 했습니다.

Vue.js CDN으로 시작하기

앞으로 Vue에 관하여 소개를 해볼 생각입니다. cdn으로 이용하는 방법에서 vuex까지 소개를 해볼 생각입니다. 이 포스팅들을 읽기 전에 ES6에 대한 기본적인 지식이 필요합니다. 그리고 html과 css의 기본적인 지식도 필요로 합니다.