Звучит как "нужно делать SPA"

А тебя SPA категорически не устраивает?

Ну хочется типа SEO

Ну, есть серверный рендеринг. Либо руками пилишь, либо используешь Nuxt, который вот-вот релизнится. Впрочем, генерация статики и сейчас работает.

Блин, это еще на пол года затянется тогда

почитай внимательно, я тоже пришел в субботу с нулевыми знаниями. этого примера хватило для нормальной работы, вопросы потом возникали,но по мелочи

а там специально store не в data, а отдельно?

Nuxt уже пол года вот вот релизнется. Уже проще самому ssr накрутить

а там специально store не в data, а отдельно?

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

Блин, это еще на пол года затянется тогда

Покури nuxt generate, за полчаса можно все понять.)

я просто хочу отделаться минимумом внесения новизны для себя. А то я зависну )

Расписал свой предыдущий вопрос вот тут: https://kinrany.github.io/vue_single_page_example/

Всё ещё актуально: есть ли что-то вместо компонентов, одноразовое и без разделения области видимости?

Всё ещё актуально: есть ли что-то вместо компонентов, одноразовое и без разделения области видимости?

Прочитал и нифига не понял задачу. Но из того что я увидел это странное наличие методов choose_first() и choose_second() почему просто напряму в on:click не менять значение?

Прочитал и нифига не понял задачу. Но из того что я увидел это странное наличие методов choose_first() и choose_second() почему просто напряму в on:click не менять значение?

Справедливо. Я сначала думал, там нужно название метода, поэтому завёл их, а только потом сообразил, что вызывать надо.

Ну, есть серверный рендеринг. Либо руками пилишь, либо используешь Nuxt, который вот-вот релизнится. Впрочем, генерация статики и сейчас работает.

Вот-вот — сомнительно)

Сомнительно использовать nuxt ?

Сомнительно, что скоро выйдет.)))

а его вобще юзать стоит сейчас, а то я читаю вроде похоже на то что мне надо

но еще не уверен

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

Мы используем. В чём-то жизнь облегчил, в чём-то надо мириться с его косяками и ограничениями

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

Да. От релиз кандидата к релиз кандидату то одно, то другое сломают 😆

Если небольшой проект - самое оно. Для чего-то большего гибкости маловато, но это на мой взгляд.

А как в Ларавеле сделано? на сколько я знаю они там внутри vue тоже пользуют

или там подразумевается либо SPA либо без vue ?

Ну, там на сервере рендерят обычно, или делают SPA

Роботы поисковые сейчас и по js-у ходят.

Слабо они там по нему ходят

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

Чем дальше в лес, тем злее помидоры.

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

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

открою секрет, через cdn или через сборку - разницы нет, всё вью не индексируется поисковиками

открою секрет, через cdn или через сборку - разницы нет, всё вью не индексируется поисковиками

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

Вообще nuxt - по твоему желанию, если ssr не надо - не юзай его

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

Ты все же покури 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", но почему так ?

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

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

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