Vue.js) 부모 자식 component끼리 데이터 주고 받기

	Props are for parent -> child
	You can use $emit for child -> parent
	v-on directive captures the child components events that is emitted by $emit
	////////////////////////////////////////////////////////////////////
	//Child component triggers clicked event :
	export default {
	methods: {
	onClickButton (event) {
	this.$emit('clicked', 'someValue')
	}
	}
	}
	////////////////////////////////////////////////////////////////////
	//Parent component receive clicked event:
	<div>
	<child @clicked="onClickChild"></child>
	</div>
	...
	export default {
	methods: {
	onClickChild (value) {
	console.log(value) // someValue
	}
	}
	}

view raw gistfile1.txt hosted with ❤ by GitHub