Ургенчский филиал ташкентского университета информационных технологий имени мухаммад ал-хоразмий

Термин functional здесь нужен, чтобы указать, что в этом файле есть только простой template. Повторите это в файлах Body.vue и Footer.vue.
Вернитесь в файл App.vue и перепишите template так:

Вам также нужно написать строку import для Header, Body и Footer в теге script в этом файле:
import {Header, Body, Footer} from './components';
И сообщите декоратору Component, что вы используете их как компоненты.
export default Component({
components: {
Settings,
Layout,
Header,
Body,
Footer,
},
})
Но этот код по-прежнему не будет работать, поскольку строка import, которую вы только что написали, не совсем корректна. Для решения этой проблемы создайте новый файл index.js в src/components.
export {default as Header} from ‘./Header.vue’;
export {default as Body} from ‘./Body.vue’;
export {default as Footer} from ‘./Footer.vue’;
Этим вы создали функциональные шаблоны в Vue, позволяющие передавать пропсы из родительского компонента в дочерний без лишнего кода.
Используем Bit для компонентов Vue
Bit — платформа для использования компонентов во множестве приложений или проектов сразу, при этом синхронизируя их. При работе с компонентами Vue.js Bit — отличный способ работать сообща, разрабатывать компоненты из разных проектов, структурировать их, синхронизировать изменения и управлять всем этим. Попробуйте сами.
Заключение
Vue — программная технология, которая широко используется для веб-разработки по всему миру. Vue — по сути JavaScript-фреймворк со множеством разных инструментов на выбор для построения пользовательских интерфейсов.
Одна из главных причин успеха Vue — что его легко выучить, а делать на нём потрясающие приложения еще легче.