如何阻止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>