vue.js 中的 methods 對象用于定義可重用方法，允許組件與外部數據交互，并組織組件邏輯。它提供了代碼重用、可測試性和組織性的優勢，但不會被響應式系統跟蹤。
Vue.js 中 methods 的作用
在 Vue.js 中，methods 對象用于定義方法，這些方法可在組件實例中使用。這些方法可以執行各種操作，例如處理用戶輸入、更新組件狀態或調用外部 API。
作用
methods 對象的主要作用包括：
定義可重用邏輯，避免重復代碼。
允許組件與外部數據交互。
組織和分離組件邏輯，使代碼更易于維護。
使用
要在組件中使用 methods，需要在 Vue 組件的 export default 語句中定義一個 methods 對象：
<code class="javascript">export default {
methods: {
// 定義你的方法
}
}</code>
登錄后復制
在 methods 對象中，方法可以作為鍵值對定義，其中鍵是方法名，值是方法的實現。
<code class="javascript">methods: {
greetUser() {
return `Hello, ${this.name}!`;
}
}</code>
登錄后復制
優點
使用 methods 的優點包括：
代碼重用：可以在多個組件中重用方法，從而減少代碼重復。
可測試性：方法易于測試，因為它可以獨立于組件運行。
組織性：將組件邏輯組織到 methods 對象中，使代碼更易于理解和維護。
局限性
methods 的一個局限性是它們不會被 Vue 響應式系統跟蹤。這意味著如果在方法內部修改組件數據，這些更改將不會反映在組件狀態中。為了避免這種情況，可以在方法中使用 this.$set() 方法顯式地更新組件狀態。
