vue里面div还存在一个div，分别给这两个设置不同的点击事件，请问如何做到两个点击事件相互不影响

可以使用事件修饰符来实现两个点击事件相互不影响。

具体做法是，在内部的div上绑定@click.stop修饰符，然后在外层的div上绑定@click事件。这样，当内部的div被点击时，@click.stop修饰符会阻止事件冒泡到外层的div，从而保证两个点击事件互不干扰。

代码示例：

<template>
  <div @click="outerClick">
    <div @click.stop="innerClick"></div>
  </div>
</template>

<script>
export default {
  methods: {
    innerClick() {
      // 内部div的点击事件处理函数
    },
    outerClick() {
      // 外层div的点击事件处理函数
    }
  }
}
</script>

在上面的示例中，给内部的div绑定了@click.stop修饰符，这是阻止事件冒泡的修饰符。给外层的div绑定了@click事件，这是事件冒泡函数。当内部的div被点击时，@click.stop修饰符会阻止事件冒泡到外层的div，从而保证两个点击事件互不干扰。