當我們使用Vue框架開發Web頁面時，當頁面渲染完畢后我們需要執行一些操作，比如更新DOM或執行一些自定義方法。Vue提供了一些生命周期鉤子來滿足我們的需求，其中created和mounted是最常用的兩個鉤子函數，本文將主要介紹mounted hook的使用。

在Vue中，mounted鉤子在組件掛載完成后立即被調用，這時候組件的DOM已經真實的被渲染出來了，可以操作DOM元素了。比如，我們想用jQuery來初始化一個日期選擇器，并把選中的日期渲染到頁面上，就可以把這個邏輯寫在mounted函數中。

mounted() {
$(this.$refs.datepicker).datepicker({
onSelect: (date) =>this.selectedDate = date
});
}

在上述代碼中，我們通過 mounted鉤子來初始化一個日期選擇器，并將選中的日期賦值給組件的data屬性selectedDate。其中 $(this.$refs.datepicker)表示找到組件模板中ref屬性為datepicker的DOM元素，然后調用jQuery的datepicker()方法初始化日期選擇器。

除了操作DOM，mounted函數還允許我們執行一些自定義方法。比如在頁面加載完畢后，我們想從后臺獲取一些數據，并在頁面中渲染出來，就可以把這個邏輯放在mounted函數中。

mounted() {
this.getData();
},
methods: {
getData() {
axios.get('/api/data')
.then(res =>this.dataList = res.data)
.catch(err =>console.log(err));
}
}

在上述代碼中，我們通過methods選項定義了一個名為getData的方法，在mounted函數中調用這個方法，從后臺獲取數據并將其賦值給組件的data屬性dataList。在實際開發中，我們可能需要在頁面渲染完畢后從后臺獲取一些數據，然后根據數據來改變頁面的顯示。

最后需要注意的一點是，mounted函數只會在組件掛載完成后被調用一次。如果你需要在組件被重新渲染時執行一些操作，可以考慮使用updated鉤子。

updated() {
$(this.$refs.datepicker).datepicker('setDate', this.selectedDate);
}

在上述代碼中，我們通過updated鉤子來監聽selectedDate屬性的變化，在變化時重新設置日期選擇器的選中日期。如果selectedDate在其他鉤子中被修改，比如created或beforeUpdate，updated鉤子也會被調用。

綜上所述，mounted鉤子是在Vue中常用的生命周期函數之一，它在組件掛載完成后執行，可以用來操作DOM元素或執行自定義方法。如果你需要在組件被重新渲染時執行一些操作，可以考慮使用updated鉤子。同時，我們也應該注意不要濫用鉤子函數，以免引起不必要的性能問題。