网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发 > Vue

vue mounted如何调用method方法?

2023/2/5 13:32:43

mounted是vue生命周期里很重要的概念,主要用来发送ajax请求、启动定时器、绑定自定义事件、订阅消息等。了解mounted 在组件被挂载之后调用。类型interface ComponentOptions { mounted?(this: ComponentPublicInstance): void}详细信息 组件在以下情况下…

        mounted是vue生命周期里很重要的概念,主要用来发送ajax请求、启动定时器、绑定自定义事件、订阅消息等。

  • 了解mounted

        在组件被挂载之后调用。

类型

interface ComponentOptions {
  mounted?(this: ComponentPublicInstance): void
}

详细信息

        组件在以下情况下被视为已挂载:

        所有同步子组件都已经被挂载。(不包含异步组件或 <Suspense> 树内的组件)

        其自身的 DOM 树已经创建完成并插入了父容器中。注意仅当根容器在文档中时,才可以保证组件 DOM 树也在文档中。

        这个钩子通常用于执行需要访问组件所渲染的 DOM 树相关的副作用,或是在服务端渲染应用中用于确保 DOM 相关代码仅在客户端被调用。

        这个钩子在服务端渲染时不会被调用。

        接下来我们看看如何在mounted中调用method方法


image.png

结果

image.png

        通过以上内容我们知道了vue mounted如何调用method方法??感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

  • vue兄弟平级组件如何传递参数值?

    vue组件传值不外乎三种,父传子、子传父、平级,今天我们就来着重说说vue平级组件如何传递参数值? 假设你有两个Vue组件需要通信: A 和 B ,A组件按钮上面绑定了点击事件,发送一则消息,B组件接收。初始化,全局创建$bus 直接在项目中的 main.js 初始化 …

    2023/1/7 13:08:32