Vue.js - 슬롯(Slot) 존재여부

Vue.js 에서 컴포넌트를 다루는 작업에서 슬롯에 대한 존재여부 확인이 필요한 경우가 있다.

이에 Computed 로 슬롯존재여부를 다음과 같이 추적하면 된다.

export default {
	name : 'example-component',
	computed : {
		hasDefaultSlot(){
			// return this.$slots.default ? true : false;
			// !!this.$slots['default];
			return !!this.$slots.default;
		}
	}
}