Vue.js 作為前端框架，支持許多特性和抽象概念，其中最為常見的是事件和屬性的使用。

Vue.js 通過v-on指令，為組件綁定 DOM 事件，以觸發其內部方法的調用。例如，<button v-on:click="handleClick">點擊</button>會在組件內部監聽click事件， 并調用名為handleClick的方法。可以在methods中定義方法，以支持組件事件處理邏輯。

methods: {
handleClick () {
console.log('Clicked!')
}
}

此外，Vue.js 還支持在組件上自定義事件和綁定方法。在組件中使用$emit方法，手動觸發名稱為click的自定義事件。例如，this.$emit('click')

<template>
<button v-on:click="handleClick">點擊</button>
</template>
<script>
export default {
methods: {
handleClick () {
this.$emit('click')
}
}
}
</script>

除了事件，Vue.js 還有屬性這一重要特性進行數據傳遞和組件配置。在組件中，可以通過props屬性接收父組件的傳遞數據，以及支持屬性基礎的組件樣式和處理邏輯。

<template>
<div :class="classes">
{{ message }}
</div>
</template>
<script>
export default {
props: {
message: {
type: String,
default: 'Hello World'
}
},
computed: {
classes () {
return { 'my-class': true }
}
}
}
</script>

在組件中，可以通過props屬性接收父組件傳遞數據。在上述示例中，定義了名為message的字符串屬性，并支持默認值為'Hello World'。在組件中，通過{{ message }}進行數據表達式展示。

另外，在組件中還可以使用computed屬性進行計算屬性的定義。在上述示例中，定義了一個名為classes的計算屬性，返回以my-class為鍵名的對象，并支持在模板中進行樣式類綁定。通過:class="classes"實現類綁定。

綜上所述，Vue.js 支持豐富的事件和屬性特性，為開發者提供靈活和可擴展的組件化開發方式。