vue中mounted中如何声明方法

如何声明 vue.js mounted 中的方法？作为对象属性，通过 this 上下文访问组件实例；作为方法选项，包含在 methods 对象中，同样通过 this 访问组件实例。

如何在 Vue.js 的 mounted 中声明方法

在 Vue.js 生命周期钩子函数 mounted 中声明方法是一种在组件挂载后执行代码的常见方法。下面介绍两种声明方法的方式：

1. 作为对象属性

export default {
  mounted() {
    this.myMethod()
  },
  methods: {
    myMethod() {
      // 方法实现
    }
  }
}

登录后复制

2. 作为方法选项

export default {
  mounted() {
    this.myMethod()
  },
  methods: {
   myMethod() {
      // 方法实现
    }
  }
}

登录后复制

无论使用哪种方法，声明的方法都可以通过 this 上下文访问组件实例。

示例

export default {
  mounted() {
    this.logComponentMounted()
  },
  methods: {
   logComponentMounted() {
      console.log('组件已挂载')
    }
  }
}

登录后复制

在上面的示例中，logComponentMounted 方法在组件挂载后调用，并输出一条日志消息到控制台。

以上就是vue中mounted中如何声明方法的详细内容，更多请关注叮当号网其它相关文章！