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

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

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

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

export default {

mounted() {

getDistrictProvicesList();

},

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

相关推荐
盼兮10 分钟前
用AI编程从零搭建一个响应式数据看板
前端·人工智能·数据可视化
Lan.W11 分钟前
vue3-element-admin里新增mock接口一直没有生成,不生效
前端·javascript·vue.js·mock
小满zs12 分钟前
Next.js部署(Vercel)
前端·next.js
仙古.梦回~15 分钟前
vue-skills
前端·javascript·vue.js
倒霉熊dd28 分钟前
Python 学习(第二部分:函数、模块与面向对象编程)
前端·数据库·python
gCode Teacher 格码致知31 分钟前
Javascrip提高:CSS backdrop-filter的使用方法-由Deepseek产生
前端·css
gCode Teacher 格码致知41 分钟前
Javascript提高:canvas画布的网格背景-由Deepseek产生
javascript·css·css3
清灵xmf1 小时前
JS 原生深拷贝的终极方案——structuredClone
前端·javascript·vue.js·json.stringify·structuredclone
前端 贾公子1 小时前
响应式系统基础:依赖追踪的基础 —— 发布订阅模式(前端应用最广的设计模式)上
javascript·vue.js
索西引擎1 小时前
【理论】TypeScript 函数重载:从 Vue 3 defineEmits 说起的类型安全实践
前端·typescript