<template>
<li class="nav-item" :class="{'active':key==active}" @click="change"> 
<slot></slot>
</li>
</template>

<script>
export default{
	props:{
		key:{
			type:String,
			default:"0"
		},
		active:{
			type:String,
			default:"0",
			twoWay:true
		}
	},
	methods:{
		change(){
			this.active=this.key;
		}
	}
}
</script>