Vue.js是一種流行的JavaScript框架,Vue 2.x版本是目前最常用的Vue.js版本。Vue 2.x版本新增了mounted鉤子函數,該函數在Vue實例被掛載到DOM元素之后立即調用。
我們可以在mounted鉤子函數中執行一些特定的邏輯,例如加載數據,添加事件監聽器等等。下面是一個簡單的例子:
new Vue({ el: '#app', mounted: function () { console.log('Vue instance mounted!'); } });
在上面的代碼中,我們創建了一個新的Vue實例并將其綁定到ID為“app”的DOM元素上。當Vue實例被掛載到DOM元素上時,控制臺會輸出“Vue實例已掛載!”。
在mounted鉤子函數中,我們還可以訪問Vue實例的狀態和方法。例如,我們可以通過調用this.$http.get請求異步加載數據:
mounted: function () { this.$http.get('/data.json').then(function (response) { console.log(response.data); }); }
在上面的代碼中,我們使用Vue.js提供的$http服務來異步加載數據。注意我們在調用$http.get方法時使用了鏈式語法,并在響應處理程序內輸出數據。
總之,mounted鉤子函數是Vue.js中非常強大和常用的一個特性。使用mounted鉤子函數,我們可以方便地執行一些特定的邏輯,并訪問Vue實例的狀態和方法。
下一篇vue 1.9.37