vue引用了外部js后怎么实例化对象

在Vue.js中引用外部JavaScript库并实例化对象通常需要通过异步加载（如`script`标签的动态插入或者Webpack等模块打包工具）来确保在Vue实例创建之后再加载外部资源，因为Vue实例在文档解析阶段就初始化了。

当你想要实例化一个外部库的对象时，可以在Vue组件的`mounted()`生命周期钩子函数中进行，这是因为这时DOM已经渲染完成，外部资源也已经加载完毕。例如，如果你要使用jQuery：

<script src="path/to/jquery.min.js" defer></script>
<script>
export default {
  mounted() {
    window.$; // 确保jQuery已加载
    const myObject = new MyExternalLibrary(); // 创建实例
    // ... 使用myObject
  },
  methods: {
    doSomething() {
      // 使用jQuery或其他库
      console.log($("element").text());
    }
  }
};
</script>

在这个例子中，`defer`属性用于延迟加载jQuery，直到DOM解析完成。然后在`mounted`钩子里，我们可以安全地创建`MyExternalLibrary`的实例。