Question

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

尝试了许多随机解决方案后，我想出了“我自己的”，就是将其导入html头部的vue之外，然后通过vue dom绑定将其移动到我想要的位置。 / p>

问题是，我不知道那是我应该做的事情，在html中，我只是将script标签放在我希望外部组件放置的位置，并且它将正常工作。

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>

一样使用它

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

1 个答案: