Vue自動事件是Vue.js中的一項常見技術，它能夠自動監聽DOM事件并觸發相應的方法。

// 例子1：使用v-on指令綁定click事件
<template>
<div v-on:click="handleClick">Click Me</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('Click Me!');
}
}
}
</script>

上面的例子中，在模板中使用了v-on指令綁定了click事件，并將其綁定到了handleClick方法上。當用戶在頁面中點擊了該div元素時，Vue會自動監聽事件并調用handleClick方法。

// 例子2：為所有li元素綁定click事件
<template>
<ul v-on:click="handleClick">
<li v-for="(item,index) in items" :key="index">{{item.name}}</li>
</ul>
</template>
<script>
export default {
data() {
return {
items: [
{name: 'item1'},
{name: 'item2'},
{name: 'item3'}
]
}
},
methods: {
handleClick(event) {
console.log(event.target.innerText);
}
}
}
</script>

在上面的例子中，為了為多個li元素綁定click事件，我們使用了v-for指令迭代渲染了多個li元素。同時，我們也為外層的ul元素綁定了click事件，并將其綁定到了同一個handleClick方法上。在方法中，我們使用了event.target對象來獲取用戶點擊了哪一個li元素。在這種情況下，Vue會自動為各個li元素添加click事件，并在事件觸發時調用handleClick方法。