$destroy是Vue.js中一個重要的生命周期方法。當組件實例不再需要時，可以通過調用$destroy來銷毀它，以釋放內存并取消事件和其他資源。

下面是一個簡單的示例，演示如何在Vue.js中使用$destroy方法：

// 創建一個組件
var MyComponent = Vue.extend({
created: function() {
console.log('Component created');
},
destroyed: function() {
console.log('Component destroyed');
}
});
// 創建組件實例
var vm = new MyComponent();
// 銷毀組件實例
vm.$destroy();

在上面的代碼中，我們首先定義了一個MyComponent組件，它具有一個created生命周期方法和一個destroyed生命周期方法。然后我們使用Vue.extend方法將其擴展為一個組件構造函數。

接下來，我們創建一個MyComponent實例，并在控制臺中輸出“Component created”消息。最后，我們調用vm.$destroy()方法來銷毀實例，并輸出“Component destroyed”消息。

$destroy方法的另一個常見用途是在路由切換時銷毀當前組件。例如，以下代碼演示了如何使用Vue.js和Vue Router實現路由切換時銷毀組件的效果：

const Home = { template: '
Home
' };
const About = { template: '
About
' };
const router = new VueRouter({
routes: [
{ path: '/', component: Home },
{ path: '/about', component: About }
]
});
const app = new Vue({
router,
beforeRouteLeave(to, from, next) {
this.$children.forEach(child =>{
if (child.$destroy) child.$destroy();
});
next();
}
}).$mount('#app');

在上面的代碼中，我們首先定義了兩個路由組件：Home和About。然后，我們使用Vue Router創建一個路由實例，并將其添加到Vue實例中。在Vue實例中，我們還定義了beforeRouteLeave導航守衛，用于在路由切換時銷毀當前組件。

在beforeRouteLeave導航守衛中，我們可以使用this.$children訪問當前Vue實例的所有子組件。然后，我們可以檢查每個子組件的$destroy方法是否存在，并相應地調用它們來銷毀組件實例。

總的來說，$destroy方法是Vue.js中一個非常有用的生命周期方法，可以幫助我們在組件不再需要時釋放內存并取消事件和其他資源。