VUE

[Vue.js] props 이용하기

vue의 문법을 익히려면 여러가지 유스케이스를 직접 다뤄봐야 한다. props를 이용하여, 자식 컴포넌트의 구조를 재활용이 가능한 구조를 보이고, 속성을 어떤식으로 보내는지 살펴보는게 이번 글에서의 핵심이다. 또한 부모 컴포넌트에서는 자기 데이터를 어떤식으로 바인딩하는지 :(콜론) 을 어떻게 사용하는지 확인해보자. App.vue 1. 컴포넌트 파일을 불러올때는 import / from 을 활용하도록 한다. 2. 내부적으로 사용하려는 데이터는 data 안에 넣어두고, :color 이런식으로 바인딩해서 사용하도록 한다. import MyBtn1 from './components/MyBtn1.vue' export default { components: { MyBtn1 }, data () { return { c..