Vue.js 数据初始化:在 created() 生命周期中完成
在 Vue.js 中,数据初始化可以在 'created()' 生命周期中完成。在这个生命周期中,Vue 实例已经创建完成,且数据已经被观测,但是 DOM 元素还没有被挂载到页面上。这个时候,我们可以通过访问数据模型来初始化数据。
下面是一个示例代码:
new Vue({
el: '#app',
data: {
message: ''
},
created() {
this.message = 'Hello World'
}
})
在这个示例中,我们在 'created()' 生命周期中将 'message' 初始化为 'Hello World'。这样,在 Vue 实例被创建时,'message' 就已经被设置了初始值。当 Vue 实例挂载到页面上后,'message' 的值会被渲染到页面上。
原文地址: https://www.cveoy.top/t/topic/m4fZ 著作权归作者所有。请勿转载和采集!