Как подключить библиотеку Vue draggable вариант с помощью CDN

Для того, чтобы начать пользоваться библиотекой Vue.Draggable, нам нужно для начала ее установить. Для этого нужно перейти в раздел Installation документации.

Есть 2 варианта устновки: с помощью пакетного менеджера npm или yarn и второй вариант с помощью CDN ссылок. 

Мы рассмотрим подключение с помощью CDN ссылок. 

Перед закрывающим тэгом </body> вставляю эти ссылки:

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
<!-- CDNJS :: Sortable (https://cdnjs.com/) -->
<script src="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script>
<!-- CDNJS :: Vue.Draggable (https://cdnjs.com/) -->
<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.20.0/vuedraggable.umd.min.js"></script>

Здесь мы подключаем библиотеку Vue, модуль Sortable для возможности сортировки элементов и саму библиотеку Vuedraggable. 

Далее добавляем корневой элемент, где будет находится весь код:

<div id="app">
</div>

И также нам понадобиться элемент script с экземпляром класса Vue

<script>
var app = new Vue({
    el: '#app',
    data: {
    message: "Hello"
}
})
</script>

Посмотрите в видео, как проверить, что все подключилось и работает.