vue中的mounted方法

作者：爱我者我必爱* 发布日期:2026-07-15 浏览:81

// 在 Vue 组件中，mounted 是一个生命周期钩子函数，在组件挂载完成后执行。
// 这意味着此时 DOM 已经被渲染完成，可以进行 DOM 操作或初始化一些第三方库。

<template>
  <div id="app">
    <h1>{{ message }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    };
  },
  mounted() {
    // 当组件挂载完成后，会执行这里的代码
    console.log('Component is mounted!');
    // 可以在这里进行 DOM 操作或其他初始化工作
    this.message = 'Component has been mounted!';
  }
};
</script>

<style scoped>
/* 样式部分可以根据需要添加 */
</style>

上一篇：vue template标签

下一篇：vue长按事件怎么写