Какой стандартный способ включить внешний JS в VUE - PullRequest
0 голосов
/ 16 апреля 2019

Я хочу включить js-виджет в мое приложение vue.

После множества случайных решений я нашел «свое», которое просто импортирует его вне vue, в htmlголову, а затем переместить его с привязками vue dom туда, где я хочу, чтобы это было.

Проблема в том, что я не знаю, если это то, что я должен делать, в HTML я просто поместил бы тег scriptгде я хочу, чтобы внешний компонент был, и он будет работать нормально.

1 Ответ

1 голос
/ 17 апреля 2019

Стандартный способ действительно заключается в создании пользовательского компонента 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>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...