VUE3组件运行生命周期

  1. <template>
  2.   <div>
  3.     {{msg}}
  4.   </div>
  5. </template>
  7. <script>
  8. export default {
  9.   name: 'btu',
  10.   data(){
  11.     return{
  12.       msg:'主键'
  13.     }
  14.   },
  15.   beforeCreate() {
  16.     console.log('1在创建组件之前调用运行')
  17.   },
  18.   created() {
  19.     console.log('2组件已经创建完成运行')
  20.   },
  21.   beforeMount() {
  22.     console.log('3在模板挂在之前运行')
  23.   },
  24.   mounted() {
  25.     console.log('4在模板挂完成以后运行')
  26.   },
  27.   beforeUpdate() {
  28.     console.log('5在内容有改变之前运行')
  29.   },
  30.   updated() {
  31.     console.log('6在数据改变完以后运行')
  32.   },
  33.   beforeUnmount() {
  34.     console.log('7在组件销毁之前运行')
  35.   },
  36.   activated() {
  37.     console.log('keep-alive标签,缓存的组件激活时调用')
  38.   },
  39.   deactivated() {
  40.     console.log('keep-alive标签,缓存的组件停用时调用')
  41.   }
  42. }
  43. </script>
  45. <style scoped lang="scss">
  47. </style>

更多相关文章

  1. 使用jni接口完成android本地程序的运行--具体的操作
  2. Android(安卓)里的Intent是什么意思
  3. Android(安卓)NDK入门
  4. 在android下进行TDD开发
  5. findlibrary returned null产生的联想，Android(安卓)ndk开发打包
  6. android工程下运行main方法的配置方法
  7. Android从启动到程序运行发生的事情
  8. Android(安卓)组件化架构概要
  9. Android运行时权限，6.0—9.0多版本，多终端（手机，TV盒子）130行代码一劳

随机推荐

  1. android 获取IP地址
  2. android developer
  3. android SDK更新方法总结
  4. Android中文合集(5)（126+8篇）(chm格式)
  5. android 2.2 apidemos 赏析笔记 2
  6. Android中使用Lambda
  7. Android图形系统的分析与移植--一、Andro
  8. 笔记 android 代码中设置Android:layout_
  9. android多线程访问服务器数据
  10. android之layout_weight使用