Vuex

https://habrahabr.ru/company/zfort/blog/336482/

Всем привет. Может кто то сталкивался с этим, есть где то информация по архтектуре приложения для больших проектов?

https://github.com/gothinkster/vue-realworld-example-app пойдет?

Хотя все необходимая инфа в документациях

ой, простите, промахнулся :)

Втф??

Можно ли использовать v-if для атрибутов?

Нет.

Вопрос про nuxt: как мне в store-файле проверить getter или state другого файла? Условно, у меня есть store/one.js с export и есть store/two.js мне в actionе one.js нужно проверить state two.js

Ребята, хочу сделать много спойлеров. Но они все работают одновременно, в чем проблема?

https://codepen.io/kravadev/pen/JLrZNa

Ребята, хочу сделать много спойлеров. Но они все работают одновременно, в чем проблема?

Ты сам на один флаг их подписал.

Ребята, хочу сделать много спойлеров. Но они все работают одновременно, в чем проблема?

у тебя каждый спойлер обращается к одному значению в дата

А как мне сделать что бы они обращались к разным?

А как мне сделать что бы они обращались к разным?

show1, show2

А как мне сделать что бы они обращались к разным?

Сделай разные компоненты.

А как мне сделать что бы они обращались к разным?

https://codepen.io/khegay/pen/jzGKaB

show1, show2

Это как-то не рационально, нету другого способа?

Это как-то не рационально, нету другого способа?

вынести в компонент

Это как-то не рационально, нету другого способа?

Массив и подкомпонент.

Ребята, хочу сделать много спойлеров. Но они все работают одновременно, в чем проблема?

А вот не надо спойлерить

Ребята, хочу сделать много спойлеров. Но они все работают одновременно, в чем проблема?

Они у тебя должны разделено работать или взаимоисключающи?

Массив и подкомпонент.

+

Они у тебя должны разделено работать или взаимоисключающи?

А какая разница?)

А какая разница?)

В смысле?

1. Один открылся, второй закрался 2. Один открылся, второму пофиг

Ребят, привет. Пара нубовских вопросов. Есть цикл <div v-for='post in posts'> если я добавляю класс этому диву, то все ломается =( как в таких случаях быть?

2

2

Значит два состояния

Ребят, привет. Пара нубовских вопросов. Есть цикл <div v-for='post in posts'> если я добавляю класс этому диву, то все ломается =( как в таких случаях быть?

Как ломается и как добавляешь?

<div class="news__list" v-for='post in posts'>

например так

например так

А что ломается?

Значит два состояния

Спасибо)

Ребят, не могу найти инфу про вложенные компоненты как в pug.Допустим мне нужно вложить в header 2 компонента, как это сделать?

в header прописанно block

А что ломается?

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

Ребят, не могу найти инфу про вложенные компоненты как в pug.Допустим мне нужно вложить в header 2 компонента, как это сделать?

Наверное, слот в хэйдере не написал?

слот?

слот?

Добро пожаловать в доку

а понял, спасибо )

думал там проще

Куда ж проще)

и правда просто

по сути тоже самое

по сути тоже самое

Кроме того, это ещё и часть спеки веб-компонентов

Не считая scoped slots

Всем привет. Подскажите что я делаю неправильно? Во вью компоненте, в форме пишу <form action="{{ asset('/book/store')}}" enctype="multipart/form-data" method="post"> , но после нажатия кнопки роут неправильный подставляется. Что не так?

<form :action="asset('/book/store')" enctype="multipart/form-data" method="post">

1 сек, проверю

не сработало

Уважаемые, неужто никто не сталкивался?

Всем привет. Подскажите что я делаю неправильно? Во вью компоненте, в форме пишу <form action="{{ asset('/book/store')}}" enctype="multipart/form-data" method="post"> , но после нажатия кнопки роут неправильный подставляется. Что не так?

{{}} используется только вне параметров (внутри элемента)

:action

и без {{

:action

угу

<form :action="/book/store" enctype="multipart/form-data" method="post"> -так?

не работает, если что

д

ну ты куда то свой asset потерял теперь

ERROR: S client not available

если ты биндишь то значением должно быть жс выражение

если у тебя там просто строка то либо в кавычки, либо сними биндинг (точнее лучше)

Всем привет. Подскажите что я делаю неправильно? Во вью компоненте, в форме пишу <form action="{{ asset('/book/store')}}" enctype="multipart/form-data" method="post"> , но после нажатия кнопки роут неправильный подставляется. Что не так?

Почитать доку

Друзья, подскажите пожалуйста еще такой момент. Есть вот такой простой роутинг - https://clip2net.com/s/3SWqSXt При переходе на /news/ - все ок. А при мереходе /news/aaa/ - открывается только основной шаблон, компонент PageNew не подрубается, при этом каких либо ошибок нет. ну и шаблон компонта PageNew - https://clip2net.com/s/3SWqWdd

<form :action="/book/store" enctype="multipart/form-data" method="post"> -так?

Нет, в :action должен быть метод asset (судя по твоему коду выше) Сам asset пропиши в methods: { asset(str) { //some code } }

это индекс по идее

это индекс по идее

в случае с объектами имя

это индекс по идее

да, верно

код работает, но подсветка нет

ладно

потому что паг

кстати, кто знает часто ли люди юзают шаблонизаторы типа pug + Vue.js ?

кстати, кто знает часто ли люди юзают шаблонизаторы типа pug + Vue.js ?

я слышал что юзают часто :)

кстати, кто знает часто ли люди юзают шаблонизаторы типа pug + Vue.js ?

Кто то юзает, кто то нет

Доброго всем. Если кто в курсе - помогите решить проблемку. Програмно выполняю переход по маршруту вида user/change/8 используя vue-route ($router.push). После перехода, после айдишника, вижу что добавляется сам собой '#'. Причем не просто добавляется, а в историю кладется две записи - user/change/8 и user/change/8#. Соответственно, когда потом $router.go(-1) делаю, остаюсь там где был. У роутера моде: хистори стоит. По линкам переходы нормальные, правда там маршруты у меня без параметров. В нете ничего не нашел, может тут кто с таким сталкивался?

кстати, кто знает часто ли люди юзают шаблонизаторы типа pug + Vue.js ?

Я использую

Синтаксис такой себе, но с ним гораздо удобнее

Я использую

становится ли код намного читабельнее ?

чем удобнее?

Все дело в привычке

нет ну я писал на pub когда нужно было писать html

становится ли код намного читабельнее ?

имхо наоборот. нечитабельнее

и нужно было встраивать какую-то логику, чтоб меньше писать

но тут же все есть

становится ли код намного читабельнее ?

Дело привычки. Я когда на проект пришел - плевался наверное месяц, а потом норм

Если громотно писать код по модулях все по компонентах, то у тебе в компонене максимум 30 строк темплейта будет, а + UI frame типу ElementUI то вообще забей

откуда такие цифры, максимум 30 строк..)

Если громотно писать код по модулях все по компонентах, то у тебе в компонене максимум 30 строк темплейта будет, а + UI frame типу ElementUI то вообще забей

ну по 30 ты перегнул не буду ще я на каждый чих писать компонент)

в методах ти только визиваеш mutations & actions