Блог

Главная - Вопросы по программированию - Существует ли понятие компоновки в vue.js ?

Существует ли понятие компоновки в vue.js ?

#vue.js

#vue.js

Вопрос:

Я новичок в Vue.js , и не знаю, возможно ли то, что я хочу сделать, или нет.

У меня есть несколько компонентов, которые должны быть включены в один и тот же «layout1», и другие компоненты, которые должны быть включены в другой такой же «layout2».

Компоненты выглядят так:

 <template>
  <div>
    bla bla ...
  </div>
</template>

Итак, в этом компоненте я нахожу, чтобы сделать что-то подобное:

 <template>
    
    <this component extends a layout...>
  <div>
    bla bla ...
  </div>
</template>

И в макете что-то вроде этого:

 <template>
   <my components will be rendered here...>
</template>

Для тех, кто знает Laravel Blade, это что-то очень распространенное (расширение макета).

Возможно ли такое в Vue.js ?

Комментарии:

1. вы можете использовать vue так же, как и элементы HTML — <Layout1> ...content... </Layout1>

2. Спасибо, Дерек. Я отредактировал вопрос, чтобы было понятнее. Как объявить в макете «мой компонент будет отображаться здесь …» ?

3. Привет, Дом. Еще одно напоминание — пожалуйста, воздержитесь от подписи своих сообщений.

Ответ №1:

Оно существует в Vue 2 и Vue3 !. Вот пример

Комментарии:

1. именно то, что я искал. Спасибо.