Vue.js 是前端領域中非常流行的一種 JavaScript 框架，它提供了方便的數據綁定、組件化等功能。在 Vue.js 中，我們經常需要在組件被創建之后立即執行一些操作，比如數據初始化、網絡請求等。

這時候，我們就需要使用到兩個生命周期函數：created 和 mounted。其中，created 生命周期函數表示組件實例創建完成之后會立即調用，而 mounted 生命周期函數則是表示組件掛載到 DOM 上之后會調用。

下面我們來看一個具體的例子：

<template>
<div>
<p>Hello, {{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: "Vue.js",
};
},
created() {
console.log("組件創建完成，message 值為", this.message);
},
mounted() {
console.log("組件掛載完成，message 值為", this.message);
},
};
</script>

在上面的例子中，我們創建了一個簡單的組件，其中的 data 函數返回了一個包含 message 屬性的對象。在 created 函數中，我們輸出了 message 的值，并且可以看到輸出結果為 "Vue.js"。同樣，在 mounted 函數中，我們也輸出了 message 的值，結果仍然為 "Vue.js"。

因此，可以看出，在 created 生命周期函數中，我們可以對組件進行一些數據初始化和計算等操作，但是此時組件還沒有掛載到頁面上。而在 mounted 生命周期函數中，我們可以進行一些和 DOM 相關的操作，比如獲取 DOM 元素、進行網絡請求等。