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

Всем привет! Подскажите пожалуйста - как подключать компоненты 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 не сильно еще знаком.
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
0xD34F
@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);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы