Подключение компонентов VUE в HTML?

Question

[Константин Марченко]

Всем привет! Подскажите пожалуйста - как подключать компоненты vue в обычном html файле? Например:
https://vuejsexamples.com/lightweight-and-mobile-f...

Это календарь. Но там подключение происходит так:

<template>
    <date-pick v-model="date"></date-pick>
</template>

<script>
import DatePick from 'vue-date-pick';
import 'vue-date-pick/dist/vueDatePick.css';

export default {
    components: {DatePick},
    data: () => ({
        date: '2019-01-01'
    })
};
</script>

Но я не понимаю как мне это все установить просто в обычном html файле.... Я с Vue не сильно еще знаком.

Answer 1

[0xD34F]

в обычном html файле

В смысле - без использования систем сборки?

Ну, подключаете код и стили:

<script src="vue-date-pick-master/dist/vueDatePick.js"></script>
<link href="vue-date-pick-master/dist/vueDatePick.css" rel="stylesheet">

Всё, компонент будет доступен через переменную VueDatePick.

Дальше можете указывать его в components:

components: {
  VueDatePick,
},

Или зарегистрировать глобально:

Vue.component('date-pick', VueDatePick);

Comments

[Константин Марченко]

Братан от души!!! )))

[gs_design]

Приветствую!
Пытаюсь таким же способом подключить компоненты https://vuejsexamples.com/src-vuetimeselector-vue/ или https://github.com/phoenixwong/vue2-timepicker и ничего не выходит.

Получается, что для этих компонент без сборки не обойтись или их нужно как-то по другому подключать?