Vue中的created方法是一個生命周期函數,當組件實例被創建時調用。在這個時候,Vue實例還沒有被掛載到DOM上,這意味著你不能在這里訪問DOM元素。但是,你可以在這里進行一些初始化操作。下面是一個示例:
created() { console.log('組件實例創建完畢'); // 進行一些初始化操作 }
在這個函數中,你可以訪問Vue實例的數據和方法。同時,你還可以對這些數據和方法進行一些初始化操作。比如,你可以在這里對一些數據進行賦值:
created() { this.message = 'Hello Vue!'; }
在這個函數中,你還可以調用一些異步方法,如請求數據。需要注意的是,如果你需要訪問DOM元素,應該在mounted鉤子函數中執行操作。下面是一個示例:
created() { this.$http.get('/api/data').then((res) =>{ this.data = res.data; }); }, mounted() { console.log(this.$refs.example); }
在這個例子中,我們在created函數中發起了一個Ajax請求,并在請求成功后把數據賦值給了data。然后,在mounted函數中打印了一個DOM元素的引用。這是因為只有在mounted函數中,Vue實例才已經被掛載到DOM上,所以我們才能夠訪問DOM元素。