<script>
import myClass from '@/utils/myClass';
export default {
data() {
return {
api: new myClass()
}
},
methods: {
test() {
this.api.foo()
},
test2() {
this.api.bar()
}
}
};
</script>
Я уже через планин намутил, оч удобно
Игорь
Игорь
Vue топ вообще
Ivan
А возможно как то стор сделать независимым от клиента? Или это уже серверный рендеринг?
Ivan
Или массив присваиваешь прямо и убиваешь реактивность. Или асинхронность
Как асинхронно прогрузить данные?
Sunlive
А возможно как то стор сделать независимым от клиента? Или это уже серверный рендеринг?
ну можно в локал стораге сохранят конечно, если у тебя ничо секретного там нет
Serge
А возможно как то стор сделать независимым от клиента? Или это уже серверный рендеринг?
Можно в локал стораж сохранить. Но это проблему не решит. Починить все равно нужно
Ivan
ну можно в локал стораге сохранят конечно, если у тебя ничо секретного там нет
Тоже думал про этот вариант, однако это костыль.
Sunlive
для всего этого есть плагин на жыквери
Ivan
Можно в локал стораж сохранить. Но это проблему не решит. Починить все равно нужно
Вот я тоже пытась понять как. Самый ужасный вариант - это перезагрузить стор в beforeCreate() если из него ничего не прилетает, но это ж ппц - надо будет каждому компоненту в таком случае присваивать.
Serge
Вот я тоже пытась понять как. Самый ужасный вариант - это перезагрузить стор в beforeCreate() если из него ничего не прилетает, но это ж ппц - надо будет каждому компоненту в таком случае присваивать.
Ничо не надо присваивать. Само всё потянуться должно
Sunlive
Вот я тоже пытась понять как. Самый ужасный вариант - это перезагрузить стор в beforeCreate() если из него ничего не прилетает, но это ж ппц - надо будет каждому компоненту в таком случае присваивать.
в чем суть проблемы вообще? у тебя компонент от данных из сторы зависит?
Ivan
Да.
Sunlive
тогда условно в рутовом компоненте ну или даже в своем(если надо) диспатчи экшн, сделай состояние загрузки, эвейти(дождись резолва промиса) своего экшена, закоммить в стору, поставь загрузку в фолс, нарисуй копмонент?
Vladislav
чистить стор в destroyed/beforeDestroyed?
Serge
зачем?
Vladislav
я не правильно понял вопрос, у него при рефреше стор оставляет данные?
Serge
я не правильно понял вопрос, у него при рефреше стор оставляет данные?
Не. До компонентов при рефреше не долетают.
Sunlive
короч над спиннер покрутить и все будет заебись
Sunlive
всем ночи
Ivan
Вью прикольный, но сцука, все по китайски иногда :\
Ivan
Пошел дальше мучаться. Я должен добить.
Vladislav
и через хуки в main.js диспатч сделал
т.е. ты диспатчишь из мейна перед тем как app.vue замаунтился?
Ivan
да я простое приложение делаю, загружаю список Users и нажимая на одного из них перехожу в его карточку. Банально вроде, но пытаюсь правильно организовать архитектуру. Сейчас я пытюась извлечть $route.props из компонента users/:id и открывать карточку в соответствии с id, нихрена не получается. у меня два компонента - в одном я вывожу список всех пользователей, во втором я смотрю из карточку. Диспатчу я из мейна, чтобы данные уже были и к ним можно было обращаться. Не знаю, возможно это неправильно.
Vladislav
попробуй с корневого компонента диспатчить в хуке created
Vladislav
ну и если нет, то
Vladislav
тогда условно в рутовом компоненте ну или даже в своем(если надо) диспатчи экшн, сделай состояние загрузки, эвейти(дождись резолва промиса) своего экшена, закоммить в стору, поставь загрузку в фолс, нарисуй копмонент?
Ivan
Я так и делаю.
Ivan
тогда условно в рутовом компоненте ну или даже в своем(если надо) диспатчи экшн, сделай состояние загрузки, эвейти(дождись резолва промиса) своего экшена, закоммить в стору, поставь загрузку в фолс, нарисуй копмонент?
Честно, я отчасти понял, что тут написано. Мне необходимо сделать экшн, при диспатче из компонента который возвращает промис в этом же компоненте?
Ivan
Ааа.. в экшне нужно вернуть промис.
Vladislav
бл, я уже колбасу написал
Vladislav
где у тебя данные теряются???
Vladislav
знаешь, ты можешь сделать просто стейт загрузки и рендерить компонент через v-if, когда данные загрузились
Vladislav
дай код
Ivan
actions: {
getUsersResp({ commit }) {
return new Promise((resolve, reject) => {
jsonp('https://jsonplaceholder.typicode.com/users', (err, response) => {
if (err) {
throw new Error(err);
};
commit('set', { type: 'users', results: response});
resolve();
});
})
}
Ivan
Все, сделал, спасибо парни =)
Roman
инициализировать data в validator'ах ведь можно?
Roman
а хотя нет, this //undefined
batkor
Насколько я понял, сейчас мало проектов на вью, большинство проектов на реакте, а так самому интересно
По опыту могу сказать, что знание одной лишь вью никому не нужно, так же как и только верстку, минимум вы должны знать шаблонизаторы, а так же использовать различные сборщики, с исключением из финишной сборки основных модулей,(имею ввиду интеграцию на сайт, не spa) таких как вью или ахиос, в придачу понимание rest API, частенько придётся и самому добавить некоторые изменения или же вовсе самому писать rest API. Больше практикуйтесь и у вас все получится.
Roman
Спасибо, за развернутый ответ!
Claus
Ребята привет!
Поставил vue-cli там есть ву-роутер из коробки. Добавил строку mode: 'history'
Переходы по ссылкам осуществляются с перезагрузкой страницы. Больше ничего нигде не менял.
Подскажите плз, ЧЯДНТ?
Вот кусочек кода:
Vue.use(Router)
export default new Router({
mode: 'history',
routes: [
{
path: '/hello',
name: 'HelloWorld',
component: HelloWorld
}
]
})
Alex
для переходов через роутер уже надо router-link использовать
Claus
ооо, да. ссылки по-старинке 🙂 благодарю, сейчас нагуглю
Alexander
Есть где шаблончик СПА поковырять с авторизацией, роутингом и vuexом??
Claus
@alex_sokolov благодарю, все четенько работает!
Владислав
добрый день
Владислав
хочу попробовать nuxt
Владислав
но во всех примерах только рендеринг через nodejs
Владислав
подскажите пример с index.html
Alex
С нукстом вам вообще в index.html лезть не надо
Alex
У вас есть компонент шаблона и всякая конфигурация через nuxt.config.js
Владислав
т.е. он по любому должен крутиться именно на ноде?
Владислав
сейчас у меня на vue все, накидан index.html и в него подключается app.js
Alex
Nuxt это npm пакет 🙂 да, он на ноде должен крутиться
Владислав
nuxt это пакет, который использует vue)
Alex
а внутри да, vue, vuex, vue-router, vue-meta
batkor
nuxt это пакет, который использует vue)
Вообще это серверный вариант клиентского vue фреймворка
Владислав
к чему вообще я про nuxt
Владислав
есть приложение и бэком на laravel
batkor
чтоб не крутить nodejs)
Не получится, накст на сервере, генерирует все что нужно и отдает клиенту, и никак не получится отдать клиенту толко index.html
Владислав
написано на vue
batkor
Не получится, накст на сервере, генерирует все что нужно и отдает клиенту, и никак не получится отдать клиенту толко index.html
Не много не правилно но в целом так и есть
Владислав
и при компиляции уже дошло до 20мб..
Alex
Если не хотите на ноде, то есть возможность делать SSR и без неё. Но писать всё придётся самостоятельно) в SSR guide есть об этом
Владислав
компилируются в app.js все компоненты
Владислав
и он уже 20мб)
batkor
Странно не заметил ничего такого
https://www.batkor.ru/
batkor
Вроде все норм
Group Butler
Start me to get the list of commands
batkor
Кнопку апдейт нажимали? бывает глюк в плагине от хрома
Николаич
А он в коде используется вообще?
Alex
Покажите код, непонятно что может быть не так. И посмотрите нет ли других ошибок в консоли
Samat
возможно, taskLine не реактивное свойство?
Nikita
Пока return line не будет использоваться где-то в коде, оно не будет обновляться.
Николаич
А как пропс указан?
Николаич
Не здесь