Vue实例的生命周期钩子函数
2020-01-12 20:57
375 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="app"> <h1>{{greeting}}</h1> </div> <script src="./vue.js"></script> <script> const app = new Vue({ el: '#app', data: { greeting: 'Hello Vuejs' }, beforeCreate () { console.log('beforeCreate') }, created () { console.log('created') }, beforeMount () { console.log('beforeMount') }, mounted () { console.log('mounted') }, beforeUpdate () { console.log('beforeUpdate') }, updated () { console.log('updated') }, beforeDestroy () { console.log('beforeDestroy') }, destroyed () { console.log('destroyed') } }); </script> </body> </html>
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- Vue实例的生命周期和钩子函数
- Vue实例生命周期及钩子函数
- Vue实例的生命周期钩子函数
- vue的生命周期钩子函数
- 【Vue2.0】vue生命周期中的钩子函数
- Vue——实例中的钩子函数
- Vue-生命周期8个钩子函数
- vue生命周期及钩子函数理解
- VUE生命周期中的钩子函数及父子组件的执行顺序
- vue生命周期与钩子函数简单示例
- Vue中的生命周期概念及钩子函数
- vue知识点(一)—— 生命周期和钩子函数
- vue 生命周期钩子函数
- 详解Vue 实例中的生命周期钩子
- vue学习笔记(二)vue的生命周期和钩子函数
- Vue生命周期与钩子函数
- vue2.0项目实战(4)生命周期和钩子函数详解
- vue的生命周期及钩子函数
- vue的生命周期钩子函数
- 经典问题之Vue的生命周期和钩子函数分析总结