VueJs: разница между его импортом в HTML и созданием Backend API и взаимодействием с ним VUE?

Question

Может ли кто-нибудь объяснить мне, в чем разница между импортом VUE в теге скрипта, как показано ниже ... <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
, и созданием проекта vue с использованием интерфейса командной строки, который будет подключаться к серверной части .

1. Будет ли отличаться создание моего веб-приложения или оно будет идентичным?
2. Когда мне будет рекомендовано использовать любой из вариантов ?

Answer 1

Используя vue -cli, вы открываете себе множество новых возможностей - например, использование webpack для сборки вашего приложения, npm для управления зависимостями и, что наиболее важно - Однофайловые компоненты .

Привет. vue (пример однофайлового компонента)

<template>
  <p>{{ greeting }} World!</p>
</template>

<script>
import LibraryName from 'library-name' // <- thats how you can import dependencies

export default {
  data: function() {
    return {
      greeting: "Hello"
    };
  },
  methods: {
    exampleMethod () {
      // do stuff
    }
  }
}
</script>

<style scoped>
p {
  font-size: 2em;
  text-align: center;
}
</style>