Vue.js 页面加载时触发函数

使用 Vue 的生命周期钩子函数:

在 Vue 组件中,可以使用生命周期钩子函数来执行特定的代码。其中,mounted 钩子函数可以在组件被挂载到 DOM 后触发。

复制代码
<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

export default {

mounted() {

getDistrictProvicesList();

},

在上述例子中,mounted 方法是在组件挂载到 DOM 后会被自动调用的钩子函数。你可以在 mounted 方法中编写要执行的代码,以在页面加载时触发相应的操作和逻辑。

相关推荐
前端一课1 分钟前
第 30 题:Vue3 自定义渲染器(Custom Renderer)原理- 为什么 Vue 能渲染到 DOM / Canvas / WebGL / 三方平台
前端·面试
前端一课1 分钟前
【vue高频面试题】第 23 题:Vue3 自定义指令(directive)完整解析
前端·面试
前端一课2 分钟前
第 28 题:Vue3 的 Diff 算法核心原理(双端 Diff、PatchFlags、Block Tree、静态提升)
前端·面试
前端一课3 分钟前
【vue高频面试题】第 21 题:Vue3 中的 Slot(插槽)— 基础、原理、使用场景、面试必问点
前端·面试
前端一课4 分钟前
第 24 题:Vue3 的组件通信方式(props / emit / v-model / provide-inject / expose / eventBus
前端·面试
前端一课4 分钟前
第 22 题:Teleport 的作用、原理和使用场景
前端·面试
前端一课4 分钟前
第 29 题:Vue3 的 Teleport 原理(跨层级 DOM 挂载技术)
前端·面试
国服第二切图仔5 分钟前
Electron for鸿蒙pc项目实战之下拉菜单组件
javascript·electron·harmonyos·鸿蒙pc
前端一课5 分钟前
第 31 题:Vue3 中 watchEffect 的原理(依赖自动追踪 + 清理机制 + ReactiveEffect 全流程)
前端·面试
前端一课5 分钟前
第 256 题:Vue3 的异步组件(defineAsyncComponent)+ Suspense 原理与面试高频点
前端·面试