vue2 js文件里获取vue实例

作者：System 时间：2024年08月21日分类：所有,javascript 字数：507

这篇文章距离上次修改已过255天，其中的内容可能已经有所变动。

在Vue 2中，你可以通过在组件的mounted生命周期钩子中访问Vue实例，因为此时组件已经被挂载，并且可以通过this关键字获取到实例。

例如，假设你有一个名为MyComponent的组件，你可以这样获取Vue实例：

// MyComponent.vue
<template>
  <div>{{ message }}</div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello Vue!'
    };
  },
  mounted() {
    const vm = this; // 'this' 指向Vue实例
    console.log(vm); // 输出Vue实例
  }
};
</script>

在上面的例子中，mounted钩子被用来访问Vue实例，并将其存储在变量vm中。在这个钩子里，你可以访问data、computed属性和methods。

vue2 js文件里获取vue实例

评论已关闭

推荐阅读