Vue.js 是一款非常流行的前端框架，它允許我們使用數據驅動的方式構建復雜的應用程序。在 Vue.js 中，created 和 mounted 是兩個常用的生命周期鉤子函數。本文將深度探討 created 和 mounted 的含義和使用方法。

created(){}

created 鉤子是在實例被創建之后立即調用的。它可以用來在實例創建之后執行一些初始化代碼，比如創建對象或者進行異步操作。此時，我們可以訪問實例的數據和方法，但是模板還沒有渲染到視圖上。

mounted(){}

mounted 鉤子是在實例掛載到 DOM 元素上之后調用的，此時模板已經渲染到視圖上了。在 mounted 鉤子中，我們可以訪問到實例的 DOM 元素，比如綁定事件或者進行復雜的 DOM 操作。

下面是一個示例，演示了 created 和 mounted 鉤子的基本使用方法：

new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
created: function () {
console.log('created 鉤子被調用')
},
mounted: function () {
this.$nextTick(function () {
console.log('mounted 鉤子被調用')
})
}
})

在本示例中，我們創建了一個 Vue 實例，并在實例中定義了一個數據屬性 message。在 created 鉤子中，我們打印了一條信息；在 mounted 鉤子中，我們使用了 $nextTick 方法來確保 DOM 元素已經渲染到視圖上后再打印信息。