JSFiddle - React, Tailwind, and code Playground

by hunterliu

HTML

<div id="app">
  <div @click.self="parent">
		<div @click="middle">
    	<button @click="child">button</button>
		</div>
  </div>
</div>

JavaScript

var vm = new Vue({
  el: '#app',
  methods: {
    parent() {
      alert('這是父層的 div');
    },
		middle() {
			alert('這是中間的 div，而且只有我被觸發');
		},
    child() {
      alert('這是子層的 button');
    }
  }
});