Ghost I Am 👻
чтобы вызвать Vue.use(Plugin, options)
Ghost I Am 👻
как и в обычном Vue
Ghost I Am 👻
нужно
Anonymous
Ghost I Am 👻
создаёшь файл в папке plugins, в нём прописываешь Vue.use и цепляешь его в конфиге
Ghost I Am 👻
https://nuxtjs.org/examples/plugins
Посмотри пример
Ghost I Am 👻
там папка Plugins, в ней лежит vue-notifications.js
Ghost I Am 👻
а в нём плагин конфигурируется и вызывается Vue.use
Ghost I Am 👻
Если посмотреть на тостере, это было и так сделано
Anonymous
Ghost I Am 👻
И проверь версию Nuxt, то что я скинул, для версии 1.0.*rc подходит
Ghost I Am 👻
Я на ней проверял подключение плагинов, всё работало, и так же работало отключение плагина при SSR
Dmitry
Подскажите, как подключать изображения динамические, что то я не понял почему по адресу не находит фото!
Ghost I Am 👻
<img :src="imageURL">
<script>
...
data:{
imageURL: "http://img.ru/"
}
...
оно?
Ilya
Ilya
Допустим у меня есть компонент. И есть vuex храшилище. Если я в компоненте вызову что то типа такого. То не будет ли мой компонент жестко связан с хранилищем?
Ilya
(ну вообще то он жестко связан) а как можно это исправить?
Ghost I Am 👻
а если все данные передавать во внутрь компонента через props?
Ghost I Am 👻
то есть, основная страница запрашивает данные и передаёт их в компоненты
Ilya
так это передача даных. Ну мне нужно что бы храшилище пошло за данными
Ilya
Мне нужно что бы выполнился этот метод у храгилища
Ilya
Ghost I Am 👻
<div v-for="film in films">
<Film :film="film"></Film>
</div>
Ilya
То есть я делаю запро за данымми в App, а потом распихиваю эти данные по дочерним компонентам?
Ghost I Am 👻
в любом случае, гдето нужно будет запросить данные
Ghost I Am 👻
То есть я делаю запро за данымми в App, а потом распихиваю эти данные по дочерним компонентам?
я делаю так. У меня есть основная страница, на которой , например, будет список фильмов с картинками и описанием каждого. Вот, сам блок с картинками и описанием это компонент Film. При загрузке страницы, я запрашиваю данные(обычно я запрашиваю их прямо в data и всё, для того чтобы получить данные, я держу в файле api.js) и потом их пробрасываю в компоненты через props
Ghost I Am 👻
А так ли нужен здесь Vuex? Необходимо ли эти фильмы вообще хранить в нём?
Ilya
надо тренировать Vuex. Ну я обычно тоже делаю так, но решил посмотреть как все это делается через Vuex
Ivan
Вчера с Vuex знатно потр*ся - психанул и решил все на реакте написать. :D
Ghost I Am 👻
Я например, пишу сейчас имэйджборду и не использую Vuex для хранения данных об изображениях, так как они изменяются
Ilya
Ну там есть свои тонкости
Ghost I Am 👻
для информации о том что человек залогинен(+его профиль) или апи ключ там держать, это да, данные держать, которые меняются, хз
Ghost I Am 👻
Vuex хорош тем, что я например держу инфу о профиле там, изменил например Email и сразу Vuex`ом отправил изменения на сервер
CherryTea
Если вы не знаете зачем вам хранить состояние приложения,значит вам не нужен vuex, все просто
CherryTea
Если на одни и те же данные можно повлиять из разных мест или они влияют одновременно на много мест в вашем приложении - это vuex
CherryTea
А профиль можно и сешион сторадж класть
Ivan
Вот у меня есть два компонента. A и B. Мне необходимо из компонента А перейти в компонент B, и передать ему обьект с данными, которые будут подставляться в компоненте B, при условии что биндом сделать это нельзя.
Ilya
через шину
CherryTea
Пропс или евент
Ilya
https://medium.com/@modex13/vue-js-2-%D0%BF%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B0-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85-%D0%BC%D0%B5%D0%B6%D0%B4%D1%83-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%B0%D0%BC%D0%B8-467383294847
Ivan
Эвентом тоже не вытащить обьект.
CherryTea
Сила vuex не в том что он доступен отовсюду, local storadge тоже доступен например, а в том что все изменения логируются и его возможно отдебажить
CherryTea
Егор
нууууу
Ivan
Пропсами не получилось
CherryTea
Евент вверх, пропс вниз, работает везде и всегда
Егор
vuex нужен что бы бизнеслогику не размазывать тонким слоем по компонентам
Егор
а логировать ты и локалсторадж можешь
Егор
было бы желание
Егор
может кто подсказать крутые таблицы на vue?
CherryTea
Егор
что то ничего толкового найти
Ivan
Оооо
Ivan
Я вот вчера с таблицами то и поседел.
Ivan
buefy
Егор
рассказывай
Ivan
Головная боль.
Ivan
Пытался чеез материал vue сделать - там API у таблиц недоделаный, пришлось подключать события, чтобы перейти к другому компоненту.
Ilya
https://github.com/vuejs/awesome-vue#components--libraries
Ilya
выбирай какие нравятся
Егор
перетаскивания колонок нету и изменения ширины колонок
Ivan
Тебе нужна интерактивная костомизация таблицы?
Егор
да мне с таблицами полный фарш нужен 🙁
Егор
все приложение сплошная таблица
Егор
самое крутое по таблицам пока что https://github.com/huangshuwei/vue-easytable
Егор
но пол доки на китайском 😐
CherryTea
Буим переводить )
Егор
ну тут да
Tommy
ребят в computed вот так написано в фигурных скобках это константа, что этот код делает?
[${prefixCls}-${this.type}]: !!this.type
Tommy
this.type это из props
Tommy
prefixCls константа
CherryTea
А можно весь кусочек?
Tommy
А можно весь кусочек?
computed: {
classes: function () {
return [
prefixCls,
{
[${prefixCls}-${this.type}]: !!this.type,
}
]
}
}
CherryTea
Сформировали строку из двух переменных в кач-ве ключа и присвоили type приведенный к булеану
CherryTea
Хм попробуй в ``
Tommy
Хм попробуй в ``
Заработало, благодарствую! а зачем тут так сложно написано?
Tommy
это кстати вот эта штука https://www.iviewui.com