MyInput.vue
простой UI тег Input в HTML5, который реализуется в файле MyInput.vue как компонент
Рубрики
MyInput.vue
Рубрика: Фреймворки
Рубрики
Директива v-slot
Директива v-slot была представлена как новый единый синтаксис в версии 2.6.0
Предназначен для именованных слотов и слотов с ограниченной областью видимости.
Он заменяет атрибуты slot и slot-scope, которые в настоящий момент объявлены устаревшими, но _не_ удалены и документированы здесь. Обоснование введения нового синтаксиса описано в этом RFC.
Получаем более читабельный код, особенно, если имеем дело с вложенными слотами, когда действительно трудно понять что к чему.
можно использовать только для компонентов и тегов template, но не в чистых HTML-тегах.
Рубрики
Компонент Tabs
Компонент Tabs регистрируется глобально не явно и выводит универсальные вкладки через props
Структура секции Script в компоненте содержит логику компонента, которую можно вынести в Mixins для переиспользования в других компонентах.
<script>
export default{
name: 'full-name',//имя компонента для секции template
components:{...},
data:()=>{return object},
props:{...},
methods:{...},
hook(){...},
}
</script>Первый Vue3 компонент в Laravel проекте
Регистрация компонента может проводится двумя видами во Vue.js
1. Глобальная
регистрация компонента
- явная регистрация
До сих пор мы создавали компоненты с помощьюVue.component - не явная регистрация
2. Локальная
регистрация компонента
Глобальная регистрация часто не идеальна. Например, если вы используете систему сборки, такую как Webpack, глобальная регистрация всех компонентов означает, что даже если вы прекратите использовать компонент, то он всё равно будет включён в вашу сборку приложения. Это излишне увеличит количество JavaScript, который должны будут загрузить ваши пользователи.
В таких случаях вы можете определить свои компоненты как обычные объекты JavaScript