vueで親コンポーネントと子コンポーネントのクリックイベントを切り分ける

子コンポーネント全体にクリックイベントがあり、親コンポーネントにもクリックイベントがある場合、親コンポーネントをクリックした際に子コンポーネントのクリックイベントも発火してしまう（はず）

例えば親コンポーネントでこういった処理をしたい場合

<v-row>
  <v-col @click="parentEvent()"> //親コンポーネントでクリックイベントを上書きしたい
    <ProjectListView></ProjectListView> //このコンポーネント自体にもクリックイベントがある
  </v-col>
</v-row>

親コンポーネントの子コンポーネントを使う囲みタグのイベント修飾子にcaptureを設定し、子コンポーネントにはstopを設定する

<v-row>
  <v-col @click.capture="parentEvent()">
    <ProjectListView
       @click.stop=""
    ></ProjectListView>
  </v-col>
</v-row>

captureでルートからイベントを追って、子コンポーネントではstopでイベントを止める

正直よくわかってません、もっといいやり方あったら教えてください