onMounted钩子函数场景

  • onMounted 是一个生命周期钩子,它在组件被挂载到 DOM 后被调用,这意味着,当组件被插入到页面中并且可以与 DOM 交互时,onMounted 函数就会被执行

  • 在 vue3 中使用 onMounted 钩子才能获取页面 DOM 加载的元素信息,否则直接写在外面就会因为 vue 的异步特性导致数据而获取不到

    • onMounted 是获取已挂载的 DOM 元素信息的最佳时机
    • Vue 的异步特性意味着,如果你在组件创建和挂载的同步代码中尝试访问 DOM,可能会因为 DOM 还未完全加载而获取不到所需的信息
  • 写数据查询方法等页面刚加载时的执行onMounted( ()=>{} )

posted @ 2024-02-19 23:45  朱呀朱~  阅读(70)  评论(0编辑  收藏  举报