美文网首页
VUE3.0 生命周期

VUE3.0 生命周期

作者: MaJiT | 来源:发表于2021-02-10 15:27 被阅读0次

1.setup() 页面创建之前执行的函数。所以整个面用setup()函数来初始化参数

import {reactive,toRefs} from "vue"
export default {
        name: "Home",
        setup() {
          const fromData = reactive({
            userName:'admin',
            password:'123456'
          })
          const data = toRefs(fromData);
          return {
            ...data
          }
        }
    };

2. onBeforeMount:页面渲染之前执行;onMounted: 页面渲染时;

3. onBeforeUpdate:页面更新之前;onUpdated:页面更新之后;

4. onBeforeUnmount:页面销毁之前;onUnmounted:页面销毁之后;

相关文章

  • 学习Vue 3.0 (2)

    Vue3.0 生命周期 Vue3.0 中可以继续使用 Vue2.x 的生命周期钩子,但是有两个被更名 before...

  • vue3基本使用

    1、vue3.0生命周期钩子函数 setup 创建实例前 onBeforeMount 挂载DOM前 onMount...

  • Vue3.0 基础学习自我理解(六)

    一.Vue3.0生命周期对照表 二. 在setup中使用provide 和 inject 事实上之前还学过的Pro...

  • VUE3.0 生命周期

    1.setup() 页面创建之前执行的函数。所以整个面用setup()函数来初始化参数 2. onBeforeMo...

  • vue3.0 生命周期钩子

    在组合API中,生命周期钩子通过调用onXxx()函数显示地进行注册,这些函数只能在setup()期间同步使用,因...

  • Vue3.0入门指南

    第一章、走进Vue3.0 2-1、下载Vue3.0的单文件核心库 vue3.0 源码下载地址: https://u...

  • vue3.0生命周期

    相对于vue2来说vue3生命周期有以下更改 note:setup中没有beforeCreate、create钩子。

  • Vue3.0中文文档(Vue3 + TS学习资源路线)

    Vue3.0 学习资源文档: Vue3.0 中文文档:https://www.vue3js.cn/docs/zh/...

  • vue3.0源码(一)

    本次vue3.0源码是可以对vue3.0源码进行学习,这是测试代码 1.运行代码首先进入/package/runt...

  • Vue3.0 Openlayers教程

    Vue3.0 Openlayers教程持续更新中......

网友评论

      本文标题:VUE3.0 生命周期

      本文链接:https://www.haomeiwen.com/subject/gohkxltx.html