vue中的created是一個非常重要的生命周期函數,它在實例創建完成后立即執行。在created函數中,我們通常會初始化一些數據、進行一些異步操作、監聽一些事件、觸發一些方法等等。
下面是一個示例代碼,演示了如何在created函數中初始化數據:
created() { this.message = 'Hello world!' }
在這個示例中,我們在created函數中創建了一個message屬性,并將其值設置為'Hello world!'。這樣,在實例創建完成后,我們就可以在模板中訪問這個message屬性了:
{{ message }}
需要注意的是,在created函數中初始化數據時,我們應該盡可能地避免直接對data進行賦值,而應該使用Vue.set或者this.$set方法。這樣可以確保新添加的屬性也會觸發響應式更新:
created() { this.$set(this.data, 'message', 'Hello world!') }
除了初始化數據外,我們還可以在created函數中進行一些異步操作,比如使用axios獲取數據:
created() { axios.get('/api/data') .then(response =>{ this.data = response.data }) }
在這個示例中,我們使用axios發起了一個GET請求,獲取了服務器返回的數據,并將其賦值給了實例中的data屬性。需要注意的是,這個異步操作需要在created函數中進行,因為在created函數之后,我們才能確保實例已經完全創建完成。
上一篇python 獲取結果集
下一篇python 獲取類變量