Как это передать в виде нормального json?

Не понял

я тоже

:D

Вот как я получаю user : https://gyazo.com/f55c6012f5c27be56f997cd452617248

это относится к vue-js ?

А как, по твоему мнению я это делаю?)

если да, тогда используй v-bind: <header v-bind:user="<%= user %>"></header>

https://gyazo.com/a0bb7e1471034d007ff2823be0f86944

и здесь тоже используй v-bind

А, вё

;)

всё

Спасибо :)

заходи еще

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

Это разные участки памяти с чего бы им быть равными?

порядок не гарантирован при JSON.stringify

но все современные реализации поддерживают его консистентным

но все современные реализации поддерживают его консистентным

главное, чтобы функция была детерменированной

то есть при одних и тех же выходных данных давала один и тот же результат ну и порядок полей у объектов сохраняла

Бло, геттеры в Vuex не реактивные, да?

Бло, геттеры в Vuex не реактивные, да?

Реактивные

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

Я просто ща в v-model запихал геттер

Например length у array - не реактивное

не

Ааааа

У меня arr.filter()

Оно тоже не реактивно, наверное

У меня arr.filter()

использую его в computed свойстве и всё ок

глупый (наверное) вопрос - хочу я, скажем, написать компонент для Vue, на гитхаб выложить, в npm. при его разработке мне понадобиться Vue как зависимость, но включать ее в собранный билд я не хочу, так как в проектах, куда я этот компонент импортирую, она уже будет. как правильно решить такую проблему? как вы разрабатываете компоненты для последующей их дистрибуции через npm?

"peerDependencies": { "vue": "..." }

Те кто юзают твой пакет не импортят твой собранный билд. Они импортят только соответствующий vue или js-файл, который указан в package.json как main

Кисик, спасибо. Не подскажешь, через npm cli с каким-нибудь ключом так пакет можно установить? Рома, то есть собирать компонент вообще смысла нет? И директорию с билдом можно в репозитории игнорировать?

я уж подумал, тут страсти какие-то, а тут реально кисик

Кисик, спасибо

Кисик, спасибо. Не подскажешь, через npm cli с каким-нибудь ключом так пакет можно установить? Рома, то есть собирать компонент вообще смысла нет? И директорию с билдом можно в репозитории игнорировать?

вообще-то наоборот :) чаще всего main файл указывает на собранный файл

вообще-то наоборот :) чаще всего main файл указывает на собранный файл

Речь о vue компоненте, если я правильно понял

тогда там понятие "сборка" очень стремное )

и еще один, наверно, еще глупее :) посмотрел я, как разные чуваки структурируют файлы в проектах c Vue - в основном делают отдельные папки с роутером и store. Так вот мне не понравилось, что при таком подходе приходится везде импортировать Vue, чтобы вызвать Vue.use(). Я решил, что у меня в папках этих будут только данные. Сами либы у меня импортируются 1 раз в main.js и применяются там же, а передаются в них импортированные переменные из других папок. так вот вопрос - есть ли смысл так делать? я наивно полагаю, что чем меньше импортов, тем легче бандл. надеюсь, понятно объяснил

нет, на размер бандла это не влияет

Речь о vue компоненте, если я правильно понял

а какая разница, что собирать?

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

Вот оно как. Круто) спасибо

а как Webpack понимает, в каком месте надо сделать импорт, а в каком нет? Чем ближе к entry тем приоритетней?

что значит "сделать импорт"

импорт это не инлайн файла модуля

это я понимаю. видимо, я еще не придумал, как сформулировать вопрос) главное, что меня интересует это как правильно разрабатывать реиспользуемые компоненты

если я разрабатываю компонент мне нужен Vue, а значит он попадет в бандл. это так?

Роман, мне кажется, вы не правы. Как работают импортируемые компоненты, если package не указывает на собранный файл? Не собираются же они сборкой вашего проекта

речь идет об пакетах, установленных в проект через NPM

Роман, мне кажется, вы не правы. Как работают импортируемые компоненты, если package не указывает на собранный файл? Не собираются же они сборкой вашего проекта

Естесственно, собираются

Это же vue-компоненты

Ну например https://github.com/airyland/vux

Или любой другой vue-пакет

main будет указывать почти всегда в импорт-экспорт

Я вообще, не очень понимаю, в чем вопрос

Вы предлагаете каждый vue-пакет собирать с vue.common.js и это импортировать?

я не предлагаю, я интересуюсь :)

Бибилиотеки, jQuery, или сам Vue, например импортируются собранными обычно, да

Чтобы их можно было использовать сразу импортом скрипта в страницу

Для vue-компонентов такое не нужно

вот. вот этого я не знал

ERROR: S client not available

у меня есть еще вопросы, но их надо сформулировать. спасибо, что помогли

Так, ещё одна странная бага. Как я уже говорил, используем шаблоны для компонентов из <script type="text/x-template">. Да, я в курсах, что так не рекомендуется, но сборку прикручивать некогда. Как только мы инитим компоненты, содержимое этих тегов удаяется, точнее теги и прочие HTML элементы заменяется на пробелы, в воздухе остаётся весеть текст. Например, вот так: ID Ну и при переходе на другую страницу он опять пытается распорсить шаблон и кидает ошибку о невальдном коде. Как быть и ЧТЯДНТ?

при переходе с одной страницы на другую (router) у компонентов странички, с которй уходим что-нибудь вызывается?

beforeDestroy?

у роутера есть хуки. В доке описано.

гофера нет в паке

при переходе с одной страницы на другую (router) у компонентов странички, с которй уходим что-нибудь вызывается?

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

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

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

в доках что-то не видно, есть только keep-alive но он для динамических компонент

Прикол в том, что зашли мы на страницу по пути '/a'. В JS задали роуты для '/a' : componentA и '/b' : componentB. Компоненты созданны через Vue.component(), в VueRouter переданны. Но когда мы переходим на '/b' он опять пытается вытащить шаблон из тега. А там, как мы помним, пусто.

Есть идея поменять script на div и тупо вытягивать через document.getElementById(), но это так себе решение.

у роутера есть хуки. В доке описано.

beforeRouteLeave не срабатывает

Прикол в том, что зашли мы на страницу по пути '/a'. В JS задали роуты для '/a' : componentA и '/b' : componentB. Компоненты созданны через Vue.component(), в VueRouter переданны. Но когда мы переходим на '/b' он опять пытается вытащить шаблон из тега. А там, как мы помним, пусто.

хорошо бы код увидеть

Просвятите, что за гофер？

гофера нет в паке

Вебпак топчик

Первый раз собрал вебпаком крупный фронт

Прям хорошо

Вебпак топчик

А мне вот gulp приходится юзать

npm i vue-webpack-boilerplate vue init wepback project cd project npm i npm run dev 2EZ4RTZ

Потом просто npm run build и все собралось

Даже не менял ничего в конфигах)

хорошо бы код увидеть

Так, проблема опять решилась в ходе подготовки примера. Теги script с шаблонами попали в область видимости корневого Vue инстанса. До 2.10 вроде бы и так работало, а теперь он их зачем-то распрасил.

какую-то готовую сборку использовал?

https://github.com/funkyLover/vue-spa Вот хорошая

Там и Vuex, и vue-router, и vue-resource из коробки Даже пример рабочий ставится

beforeRouteLeave не срабатывает

все срабатывает https://jsfiddle.net/oxtrhusd/

все срабатывает https://jsfiddle.net/oxtrhusd/

странно, у меня не работало