在Vue中，它不僅支持寫對象作為組件的屬性，還支持直接寫函數作為屬性值，這使得Vue具有了更靈活的編程方式。

函數作為屬性的運用：在Vue中，我們可以將函數作為屬性值，從而實現函數式編程的思想。這種方式可以使我們的代碼更加簡潔、靈活，同時也可以方便我們進行數據的處理和計算。

// 范例-1，將一個函數作為計算屬性
const app = new Vue({
el: '#app',
data() {
return {
num1: 1,
num2: 2,
}
},
computed: {
sum() {
return this.num1 + this.num2
},
double() {
return this.sum * 2
}
}
})

在該范例中，我們定義了一個computed對象，分別有名字為sum和double的計算屬性，我們可以直接在Vue的模板中調用它們。

{{sum}}
{{double}}

范例-2，將一個函數作為方法

const app = new Vue({
el: '#app',
data() {
return {
name: 'Vue'
}
},
methods: {
greet() {
alert(`Hello, ${this.name}`)
}
}
})

在該范例中，我們定義了一個greet方法，可以在Vue的模板中通過v-on來綁定事件。

Click to Greet

在Vue中，我們可以利用函數作為屬性值，將屬性與方法間的界限變得更加微妙，這種方式可以使得我們在代碼編寫過程中更加方便，靈活。

同時，此外，Vue雖然有VueX組件，但是Vue并不推薦我們過多地使用VueX組件來管理狀態。在一些小項目和組件開發中使用vue中function完全可以滿足我們的日常需求，我們可以通過函數或計算屬性等方式進行狀態的管理，從而使我們的項目代碼更加簡潔、靈活。