javascript - 将Teams-js导入Vue.js文件

我目前正在尝试将Microsoft Teams SDK实施到我的Vue.js项目中。
我已经安装了npm软件包，并在vue文件中引用了该软件包，但是由于某些原因，我的microsoftTeams别名的值将显示为undefined。
我错过了一步吗，为什么会这样呢？

我的vue文件的摘要：

<template>
  <div>
    <button v-on:click="getAuth()">do</button>
  </div>
</template>

<script>
import * as microsoftTeams from "@microsoft/teams-js";

export default {
  methods: {
    getAuth() {
      console.log(microsoftTeams);
    }
  }
};
</script>

最佳答案

除非将变量附加到窗口对象，否则仍必须在数据对象中声明设置任何变量。

<template>
  <div>
    <button v-on:click="getAuth()">do</button>
  </div>
</template>

<script>
import * as microsoftTeams from "@microsoft/teams-js";

export default {
  data() {
    return {
      microsoftTeams,
    };
  },
  methods: {
    getAuth() {
      console.log(this.microsoftTeams);
    }
  }
};
</script>