#vue.js #single-spa
#vue.js #single-spa
Вопрос:
Здравствуйте, я создаю архитектуру микро-интерфейса с помощью single-spa. В моем основном приложении (bootstrap) я объявляю свои фрагменты, свою маршрутизацию и внедряю библиотеку компонентов (например, пользовательский интерфейс элемента) и мою библиотеку аутентификации (пользовательскую).
Все работает нормально, отображение и маршрутизация, хотя:
- как использовать компонент elementUI во фрагменте? Пример:
import {Button} from 'element-ui'
Я пробовал использовать этот код (где имя_компонента — кнопка или другое)
<component :is="component_name">bla bla</component>
но Vue не распознает эту кнопку.
- Как использовать служебные функции библиотеки аутентификации. Например, восстановить права доступа для компонента? Прямой вызов функции не работает.
Спасибо
Комментарии:
1. имеете ли вы дело с динамическими, асинхронными компонентами (например vuejs.org/v2/guide/components-dynamic-async.html )?
2. Да с <component :is=»»> . Иначе, как использовать import MyComponent from ?
3. это было просто для уверенности: вы уже пробовали вложить свой компонент в
<keep-alive></keep-alive>элемент (например vuejs.org/v2/api/#keep-alive )?4. Зачем использовать компонент keep-alive? это только для сохранения состояния. Проблема в том, как ссылаться на ElementUI из моего boostrap для всех фрагментов? То же самое для библиотеки утилит?
5.
<keep-alive/>Для работы динамических / асинхронных компонентов теперь требуется AFAIK; Кстати, я не думаю, что вы сделали что-то не так; просто проверьте свой основной импорт как Bootstrap, так и Element UI (cfr. element.eleme.io/1.4/#/en-US/component/quickstart ).