如何阻止div中的子div触发div的事件

<div class="sideFrame"  v-on:click="hideside">
	<div class="sideFrameDiv" v-on:click.stop="test">
        </div>
</div>
<script>
    hideside:function(){
        hideside要执行的事件
    },
    test：function(){
        不做任何动作
    }
</script>