Javascript 什么'；这是在vue中包含外部js的标准方式

我想在我的vue应用程序中包括一个js小部件

在尝试了很多随机解决方案之后，我想到了“我自己的”，即在html头部中导入vue之外的内容，然后使用vue dom绑定将其移动到我想要的位置

---

问题是，我不知道这是否是我应该做的，在html中，我只需将脚本标记放在我希望外部组件的位置，它就可以正常工作。

标准方法确实是创建自定义Vue组件

<template>
    <div></div>
</template>

<script>

    import Widget from 'widget.js'

    export default {

        name: 'my-widget',

        mounted(){

            // assume that the widget is a constructor
            // that requires an element to be bound to
            new Widget(this.$el)
        }
    }
</script>

从“Widget.js”导入小部件
导出默认值{
名称：“我的小部件”，
安装的（）{
//假设小部件是一个构造函数
//这需要将一个元素绑定到
新小部件（此$el）
}
}

---

然后，您可以将此组件导入另一个组件中，并像

一样使用它。有什么原因不能使用npm吗？我想标准的方法是基于脚本编写自定义Vue组件，并以Vue方式包含它。如果该组件不存在，并且您所拥有的工作正常，请保持原样。