在vue中包含外部js的标准方法是什么

Question

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

在尝试了很多随机解决方案之后，我想出了“我自己的”，就是在vtml之外，在html头中导入它，然后将vue dom绑定移动到我想要的位置。

问题是，我不知道这是不是我应该做的，在html中我只是将脚本标记放在我想要外部组件的位置，它会正常工作。

Answer 1

标准方法确实是创建自定义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>

然后你可以在另一个组件中导入这个组件并像<my-widget></my-widget>一样使用它