Vue的mounted()鉤子函數在實例被掛載后調用。可以在這里訪問組件的DOM元素,或調用一些初始化方法。mounted()鉤子函數只會在實例被掛載時調用一次。
export default { mounted() { // 在實例掛載后執行的代碼 } }
在mounted()鉤子函數中可以進行一些DOM操作,比如初始化一些組件,或者綁定事件。下面的代碼演示了如何在mounted()鉤子函數中訪問組件的DOM元素并對其進行操作。
在mounted()鉤子函數中也可以有一些異步操作,比如從服務器獲取數據或者進行一些初始化設置。下面的代碼演示了在mounted()鉤子函數中獲取用戶信息的過程。
export default { data() { return { user: null } }, mounted() { axios.get('/api/userInfo').then((res) =>{ this.user = res.data // 將返回的用戶信息賦值給data中的user }) } }
總之,mounted()鉤子函數是一個非常重要的生命周期函數,可以在其內部進行實例的初始化和一些DOM操作,從而使組件能夠正常渲染及使用。
上一篇mysql做二手交易
下一篇html 動態設置寬度