Централизация общих компонентов
Компонент Кнопки часто используемый компонент и регистрировать каждый раз в каждом компоненте это достаточно муторное занятие
из него мы будем экспортировать некий дефолтный массив.
В этот массив мы будем добавлять библиотеку
наши UI элементы.
src\components\UI\index.js
import MyButton from "@/components/MyButton";
import MyInput from "@/components/MyInput";
export default [
MyButton,
MyInput,
]Зададим свойство для компонента MyButton
мы укажем как компонент будет называться
Как пользоваться UI элементами
глобальная регистрация компонентов
main
component
функция
избавляемся от ввода импорта UI элементов во всех компонентах
- первый параметр — название компонента
- второй параметр — сам компонент
глобально зарегистрировать компонент и нам не придётся отдельно импортировать в то место, где мы хотим его использовать
src\main.js
import {createApp} from 'vue'
import App from './App'
import components from '@/components/UI';
const app = createApp(App);
components.forEach(component=> {
app.component(component.name,component)
})
app.mount('#app');