Блог

Главная - Вопросы по программированию - Каков стандартный способ включения внешнего js в vue

Каков стандартный способ включения внешнего js в vue

#javascript #vue.js #vuejs2 #widget

#javascript #vue.js #vuejs2 #виджет

Вопрос:

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

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

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

Комментарии:

1. Есть ли причина, по которой вы не можете использовать npm?

2. Я полагаю, что стандартный способ — написать пользовательский компонент Vue на основе скрипта и включить его способом Vue. Если этот компонент не существует, а то, что у вас есть, работает нормально, просто оставьте его таким, какой он есть.

Ответ №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>

Метки: