[Vue] Vue.js 노트 on redgoose note

[Vue] Vue.js 노트

Nest: Development Category: Javascript 2018-01-03

Life cycle hooks

인스턴스나 컴포넌트에서의 라이프사이클 소개와 흐름도, 훅 소개

nuxt.js

https://nuxtjs.org

style guide

권장하는 코드 스타일 가이드

https://vuejs.org/v2/style-guide/

props attribute 값들 여러개를 동적으로 넘겨주기

<component/>와 같이 다이나믹 컴포넌트를 사용할때 props값도 다이나믹하게 변화하는데 이것을 대처할 수 있는 방법은 다이나믹하게 attributes값을 만들어야한다.

// template
<element v-bind="post"/>

// data
post = { foo: 'bar' };

와 같이 설정하면 해석을 하게되면 다음과 같은 코드로 하위 컴포넌트로 넘긴다.

<element v-bind:foo="post.foo"/>

https://kr.vuejs.org/v2/guide/components-props.html#Passing-the-Properties-of-an-Object