да эт понятно, я потому и нехочу всю статику еще под него загонять

Ты все же покури nuxt. Пишешь все приложение на компонентах. Потом даешь команду nuxt generate, и у тебя чистая статика. Тут лучше один раз пощупать, чем сотню раз почитать.

гайз, а как использовать хуки ? Прокидывают пропс и через created его записываю в переменную, но он не выкидывает эксепшн

А зачем ты записываешь его в переменную?

Просто мне не верится что всё так обстоит плохо, потому как пока я юзал vue как скрипт всё пучком было, встраивай куда хочешь. А как сборка добавилась, так всё spa нада делать мутить ssr, nuxt ковырять, ппц ))

Если сео не нужно — можно делать спа и не парится за серверный рендеринг

А зачем ты записываешь его в переменную?

что бы выбрать из него то что мне нужно

Блин, что-то не могу сообразить, либо что-то делаю не так: у меня в локалСторе лежит ключ аутентификации, но при обновлении страницы стор у меня полностью пустой, поэтому я пытаюсь загрузить данные с сервера, положить их все в стор, и уже во всем приложении работать с данными со стора. Так вот, так ли правильно такие вещи организовываются? Или я не на верном пути? Есть ли у самого стора хук в момент инициализации ?

Настройки приватности браузера не могут чистить локалсторадж?

Настройки приватности браузера не могут чистить локалсторадж?

Могут, потом по новой авторизация и все, только не понял к чему это))

гайз, а как использовать хуки ? Прокидывают пропс и через created его записываю в переменную, но он не выкидывает эксепшн

Вообще непонятно что делать пытаешься

Я не могу понять, как правильно заполнить стор

Вообще непонятно что делать пытаешься

<template> <v-layout column align-center justify-center> <h1>{{ article.title }}</h1> <h1>{{ article.date }}</h1> <h1>{{ article.content }}</h1> <h1>{{ article.workshop }}</h1> </v-layout> </template> <script> export default { props: ['articles'], computed: { article() { const article = this.articles.find(art => art.id === this.$route.params.id); return article ? article.article : null; }, }, }; </script>

Могут, потом по новой авторизация и все, только не понял к чему это))

Ну если нет токена, то пусть стандартный — на авторизацию за новым токеном

Вообще непонятно что делать пытаешься

так работает, но если обновить страинцу, то вычиляемое свойство null

Я не могу понять, как правильно заполнить стор

Мутациями)

Мутациями)

А на какой хук вешать?

так работает, но если обновить страинцу, то вычиляемое свойство null

Делать не привязку к $route, а сделать передачу параметров в компонент маршрута. В доке есть пример на эту тему

Если сео не нужно — можно делать спа и не парится за серверный рендеринг

Ну у меня задача в первую очередь просто отделаться малой кровью. Есть текущий сайт (три страницы php'ые), нужно воткнуть в него блок а-ля магазин. И думаю дальше сео всёже понадобится.

А на какой хук вешать?

Да без хука. Когда надо — тогда и вызываешь)

Делать не привязку к $route, а сделать передачу параметров в компонент маршрута. В доке есть пример на эту тему

<router-link v-bind:to="{name: 'Detail', params: {id: card.id}}" tag="span" style="cursor: pointer"> вот это ?

<router-link v-bind:to="{name: 'Detail', params: {id: card.id}}" tag="span" style="cursor: pointer"> вот это ?

https://router.vuejs.org/ru/essentials/passing-props.html

https://router.vuejs.org/ru/essentials/passing-props.html

так я это и делал, в роутер параметры передовал

Да без хука. Когда надо — тогда и вызываешь)

Ну мне надо при первой загрузке сразу же, потому что все на стопе построено, данные есть на каждой странице, просто в момент mounted стор ещё не доступен :((

так я это и делал, в роутер параметры передовал

Так а на маршруте props: true стоит?

Ну мне надо при первой загрузке сразу же, потому что все на стопе построено, данные есть на каждой странице, просто в момент mounted стор ещё не доступен :((

Должен быть доступен. Может не так обращаетесь, или вьюкс не установлен ещё на тот момент

Поужинаю и покажу, на работе сделать не вышло ?

Так а на маршруте props: true стоит?

прописал, ни чего не изменилось. Первый раз нормально рендерит, если обновить страницу, все пусто

Если обновить что в дев тулз показывает

Что параметра нет?

Если обновить что в дев тулз показывает

article:null

Что в id хранится

Строка, а поиск по числу?

id: 1

В обоих случаях число лежит?

В обоих случаях число лежит?

да

Ну и кстати при обновлении откуда в компонент список приходит

Ну и кстати при обновлении откуда в компонент список приходит

спропсами все норм, articles:Array[1]

И что там приходит

Что за объект

И что там приходит

массив

По array я понял что массив) что за объект там лежит

По array я понял что массив) что за объект там лежит

0:Object article:Object content:"Article content" date:"Article date" title:"Article name" workshop:"Article workshop" id:1

По array я понял что массив) что за объект там лежит

при переходе рендерит же он его нормально, почему при обновлении падает ? в аналогичном пет проекте у меня так же, и не отваливался computed

В чём-то отличаются

может быть из за разных версий vue ?

В чём-то отличаются

единственное отличие, что в том проекте, что там через computed ренедерился компонент. А тут просто отображение инфы на странице

<movie-item v-for='movie in filterMovies' v-bind:movie="movie.movie">

В чём-то отличаются

выловил баг, если перехожу по сслыке, то id:1, если обновляю , то id:"1", но почему так ?

А говорил оба раза число хранится)

А говорил оба раза число хранится)

передаю число и в массиве с обьектом тоже число

Из урл вроде всё строки

Из урл вроде всё строки

вот тут видимо и попался я, в том проекте строки

Nuxt баговат

Nuxt баговат

Да ладно? Проект на нём пилил, всё нормально было.

Единственная проблема была когда они случайно вылили альфу и у всех пользователей yarn перестало работать.

ребята, как правильно залинковать ссылку на пдф файл?

ребята, как правильно залинковать ссылку на пдф файл?

разве есть какие-то правила?

точнее как указать путь к файлу, он говорит что не найден

http://joxi.ru/vAWMo3xskDGZWm.jpg

Он физически там есть? Папка ассетс лежит в том месте откуда сервите?

http://joxi.ru/vAWMo3xskDGZWm.jpg

Выше

блин, вот я дурачек, такие файлы надо класть в папку статик

а я клал в папку ассетс

поэтому он не видел

пасаны, во Vuetify вы как тулбар тайтл кликабельным делаете? через кастомную функцию? надо шоб тайтл на главную вел

пасаны, во Vuetify вы как тулбар тайтл кликабельным делаете? через кастомную функцию? надо шоб тайтл на главную вел

Если прикручен роутер, то через router-link, если это статика, то через обычные ссылки.

Там это просто компонент кнопки. Он пробрасывает пропсы. Глянь на список пропсов у компонента v-btn

ERROR: S client not available

Всем привет Подскажите пожалуйста, в чем может быть проблема Учу Vuex, добавил в стор готовый json с данными (массив с элементами) На странице через computed выбираю элемент массива равный переменной в data Потом в темплейте эту всю инфу вывожу При загрузке страницы все выводится нормально, но когда я перейду на другую страницу и вернусь обратно на эту, то выводится лишь часть данных (Dr. Williber и Radiologist), а то, что было в User Info и Report History – не выводится https://plnkr.co/edit/K1JGftRY5B2USJ68wnSu?p=catalogue

А страничка у тебя в keep-alive?

А страничка у тебя в keep-alive?

Наверное нет, ибо слышу об этом впервые Если что, юзаю Nuxt (там SSR)

А страничка у тебя в keep-alive?

Note, <keep-alive> is designed for the case where it has one direct child component that is being toggled. It does not work if you have v-for inside it А у меня внутри есть, так что наверное этот вариант точно отпадает

Попробуй привязку данных осуществить в жизненном цикле компонента.

Попробуй привязку данных осуществить в жизненном цикле компонента.

Через один их этих хуков? https://vuejs.org/v2/api/index.html#Options-Lifecycle-Hooks

Да.

Вообще, должно по идее все работать, попробуй посмотреть что происходит с компонентом через Vue Dev Tools.

Вообще, должно по идее все работать, попробуй посмотреть что происходит с компонентом через Vue Dev Tools.

Судя по коду который я скинул всё должно работать или судя по описанию моих действий?

По описанию.

Привет, сделал пользовательскую директиву, например v-demo, и есть такая проблема vue ругается на директиву если ей ничего не передавать. Т.е. <div v-demo></div> - ругается, <div v-demo=""></div> не ругается. Какие манипуляции с директивой надо произвести чтобы директиву можно было бы писать как без ="" и чтобы vue не ругался

код такой: import {mapGetters} from 'vuex' export default { name: 'app' }, computed: { ...mapGetters([ 'vgIsAppInit' ]) }

@leshgan npm install --save-dev babel-plugin-transform-object-rest-spread

@leshgan npm install --save-dev babel-plugin-transform-object-rest-spread

не помогло(

сервер перезапускал?

сервер перезапускал?

npm run dev? конечно

секунду, щас точно скажу

Привет, сделал пользовательскую директиву, например v-demo, и есть такая проблема vue ругается на директиву если ей ничего не передавать. Т.е. <div v-demo></div> - ругается, <div v-demo=""></div> не ругается. Какие манипуляции с директивой надо произвести чтобы директиву можно было бы писать как без ="" и чтобы vue не ругался

никто езнает?

@leshgan npm install —save-dev babel-preset-stage-2

вот так делай

@leshgan npm install —save-dev babel-preset-stage-2

хм, он у меня есть в списке зависимостей, неужели не установлен...

попробуй руками поставь

щас прогоню npm install

попробуй руками поставь

ага, спасибо, пробую.

скажешь потом, интересно

скажешь потом, интересно

блин, не помогло, что за фигня(((

да ну нафик

да ну нафик

может загасить node_modules и установить с нуля?

а. епта

.babelrc