
Alex
09.05.2018
09:48:41
если инлайново - то вызов директивы идет при рендере
если директивой - то при патче
второе происходит реже

Rafael
09.05.2018
09:49:25

Google

Alex
09.05.2018
09:49:32
{{ $t... }}

Rafael
09.05.2018
09:49:37
Ты про мусташ синтаксис?

Alex
09.05.2018
09:49:45
ага

Rafael
09.05.2018
09:49:49

Timur
09.05.2018
09:50:32

Alex
09.05.2018
09:50:34
у тебя патч вызывается на куски только дома
а рендер высчитывается весь
произошел update - строится диф - применяется патч

Rafael
09.05.2018
09:51:00
Мм, логично, да ?

Alex
09.05.2018
09:51:12
3 шаг может и не произойти
если директива не попала в дом который патчим

Rafael
09.05.2018
09:52:08

Google

Alex
09.05.2018
09:52:27
верно

Rafael
09.05.2018
09:52:40
Теперь всё встало на свои места ?

Alex
09.05.2018
09:53:00
тогда выглядит логично что байндинг директив дешевле для нод

Rafael
09.05.2018
09:53:57
Ога

Alex
09.05.2018
09:54:40
https://www.npmjs.com/package/dotenv

Vladimir
09.05.2018
09:54:41
т.е v-bind:text будет дешевле чем {{ text }} ?

Alex
09.05.2018
09:54:50
тебе не нужно vue env )
это касается только сборки
require('dotenv').config() в конфиге вебпака на самом верху и все
но не забывай что это дает доступ именно для процесса сборки
если захочешь что то прокинуть в приложение - надо будет дефайнить это через вебпак уже

Timur
09.05.2018
10:05:39
спасибо)
в папке config есть prod.env.js
что если я туда засуну свои переменные?

Rafael
09.05.2018
10:07:27

Vladimir
09.05.2018
10:07:39

Timur
09.05.2018
10:07:45
это переменные API_URL и ASSETS_URL

Rafael
09.05.2018
10:08:00
ну да
да, выше мы пришли к выводу, что да - дешевле

Alex
09.05.2018
10:10:07


Александр
09.05.2018
10:10:11
Всем привет. Вопрос от новичка во Vue. Решил тут к своему тестовому проекту firebase прикрутить. Хочу сделать импровизированную ленту новостей. Из формы.
На новость нажимаем - открываем компонент новости с нужным ID.
И вот вопрос, как сгенерировать грамотно этот ID новости.
Сейчас у меня все работает так (использую vuex)
let db = fb.database()
let refBlogs = db.ref('blogs')
class BlogElement {
constructor (name, description, id = null) {
this.name = name
this.description = description
this.id = id
}
}
mutations: {
createBlogElement (state, payload) {
state.blog.push(payload)
const blogElement = new BlogElement(payload.name, payload.description)
refBlogs.push(blogElement)
}
}
В конструкторе у меня есть ID. Вот каким образом его лучше заполнять? Где-то видел финт с установкой key из firebase в этот id, но найти не могу этот ммоент и вообще правильно ли это...
P.S. Насколько я понимаю, обращение к получению и созданию данных лучше делать через actions? Через async/awayt?

Google

Alex
09.05.2018
10:10:12
а тебе еще нужно из файла в сборку
править .env проще всегда
обычно в репе хранятся только примеры .env.example
например .env.prod

Timur
09.05.2018
10:10:44
я попробовал в несколько чет не катит

Alex
09.05.2018
10:11:13
ты template какой то раскатал же ?
мне бы пример глянуть

Timur
09.05.2018
10:11:33
вы про это?

Alex
09.05.2018
10:11:39
ага ща посмотрю репу
http://vuejs-templates.github.io/webpack/ это вот он

Timur
09.05.2018
10:13:32
да

Alex
09.05.2018
10:14:39
а в .env ты соответственно GET_URL, PATH_URL и тд указаываешь
в твоем случае это твои ключи уже
и в приложении можно через process.env получить соответственно к ним доступ

R
09.05.2018
10:16:09
Эй народ, coffescript еще жив? Кто-то использует данный инструмент в своей работе? Я просто в свое время проспал тренд и вот решил поинтересоваться что и как на данный момент. Или с появлением es6 он (coffescript) уже по сути не нужен?

Alex
09.05.2018
10:16:24
не нужен

Google

Timur
09.05.2018
10:18:08
у меня говорит undefined при process.env.API_URL

Alex
09.05.2018
10:18:35
JSON.stringify(process.env.API_URL)
и кавычки в .env не нужны
и это prod.env - ты же в деве разрабатываешь
там продублируй

Timur
09.05.2018
10:20:08
первы файл dev.env.js
продублировал и в prod
такая же фигня
ощущаю себя таким дегенератом ??

Alex
09.05.2018
10:21:51
а ты сборку рестартанул?
там файл читается один раз только
при старте

Timur
09.05.2018
10:22:10
щас
и дико извиняюсь за тупость)))

Alex
09.05.2018
10:23:30
тупость это немного другое)

Google

Alex
09.05.2018
10:23:37
не знание чего то - не тупость

Timur
09.05.2018
10:23:54
утешили, спасибо))
как лучше глобально импортить axios? в прототипе делать псевдоним? или как?
либо через window....

Serge
09.05.2018
10:37:42
Просто import from axios , где нужно

Timur
09.05.2018
10:38:27
?

Vladimir
09.05.2018
10:50:54
Люди, помогите плиз.
Не могу сообразить как лучше организовать.
Есть листинг news
при клике на news-item должен открываться модал c подробным описанием о новости
и route соответсвенно должен быть news/:id
Как грамотно организовать этот функционал. Т.е. если я буду юзать router.push() то вью будет пересовываться.
как вариант это делать саброут. Либо вариант 2 это тюнить роут руками а не роутером.
Первый вариант странный, а второй сложный. Потому что надо будет обрабатывать всевозможные хистори-бек и пр. ну и есть же роутер для управления.
Как вы реализуете такой функционал?

Alex
09.05.2018
10:56:07
синкай роут и стор
если есть id в сторе - то модалка показывается

Иван
09.05.2018
10:56:43
Отображаешь модалку в роутер-вью с name отличным от default
https://router.vuejs.org/ru/essentials/named-views.html

Vladimir
09.05.2018
10:59:46

Alex
09.05.2018
11:01:04
все зависит от потребностей)
через роутер само собой проще

Vladimir
09.05.2018
11:01:20
ну нужен прямой урл

Denis
09.05.2018
11:02:43
Кто как решает загрузку пачки данных из пачки роутов?
Обернуть в promise.all([this.store.dispath,...] Норм? Или покрасивее есть варики дёрнуть десяток экшнов?

Alex
09.05.2018
11:04:06
promise all reject будет если один из них reject нится

Denis
09.05.2018
11:04:14
Я в курсе