В отличие от React и Angular, Vue можно использовать более инкрементально. Другими словами, вы можете использовать столько, сколько захотите. Более легкий фреймворк - отличный вариант, если это то, что вам нужно.
Добавление Vue
Добавить Vue в проект очень просто! Добавьте тег скрипта в HTML и используйте cdn:
‹Скрипт src =” https://cdn.jsdelivr.net/npm/vue/dist/vue.js ›‹/script›
Vue без компонентов
В то время как React и Angular используют компоненты в качестве основного строительного блока, вы можете использовать Vue без использования компонентов. Vue в самом простом виде можно использовать, создав новый экземпляр Vue и установив переменные в объекте данных для использования в HTML.
Файл html будет выглядеть примерно так:
Нам нужно импортировать наш js-файл как скрипт в наш HTML, как и любой другой js-файл. В js-файле есть наши данные, которые очень важны. Оттуда представьте, что есть тег ‹h1›, куда мы хотим поместить название приложения.
Поскольку appTitle имеет значение в объекте данных экземпляра Vue, значение можно прочитать, и конечный результат будет следующим: