在Vue实例的生命周期中,有一些特定的阶段,比如创建、更新和销毁等。Vue提供了一些生命周期钩子函数,允许我们在这些特定阶段添加自定义的代码。常用的生命周期钩子函数有:beforeCreate、created、mounted、updated和destroyed等。代码讲解
<div id="app"> <p>{{ message }}</p></div><script>new Vue({ el: '#app', data: { message: 'Hello, Vue!' }, beforeCreate() { console.log('beforeCreate') }, created() { console.log('created') }, mounted() { console.log('mounted') }, updated() { console.log('updated') }, destroyed() { console.log('destroyed') }})</script>
在上述示例中,我们通过控制台打印来展示每个生命周期钩子函数被调用的顺序。你可以在浏览器的开发者工具中查看输出结果。