Vue.js是一款流行的JavaScript框架，用于構建用戶界面。Vue實例具有許多生命周期鉤子函數，包括created、mounted等函數，這些函數會在Vue實例的不同時期執行。

export default {
created() {
console.log('Created')
},
mounted() {
console.log('Mounted')
}
}

ready是Vue.js實例的另一個生命周期鉤子函數，它在Vue實例準備好使用和渲染之前被調用。當Vue實例準備就緒時，它可以開始渲染模板并監聽數據變化。

export default {
ready() {
console.log('Ready')
}
}

ready函數是在Vue.js 1.x版本中引入的，但在Vue.js 2.0中已不再使用。在Vue.js 2.0中，可以使用mounted函數代替ready函數，它們的行為相同。

export default {
mounted() {
console.log('Mounted')
}
}

當Vue實例完成初始化后，mounted鉤子函數將被調用。這意味著vue實例的掛載元素也被掛載到DOM中。

當我們需要在Vue實例掛載到DOM之后執行一些代碼時，mounted函數是非常有用的。例如，如果我們需要在Vue實例成功掛載到DOM之后調用一個第三方庫的初始化函數，我們可以在mounted函數中執行這個初始化代碼。

export default {
mounted() {
initLib()
}
}

Vue.js的生命周期鉤子函數是Vue實例非常重要的組成部分。使用適當的鉤子函數可以讓我們在不同的生命周期階段執行不同的操作，從而更好地控制Vue應用程序的行為。