Помогите, пожалуйста

{} не работает внутри свойств, как в вуе 1 было

неа

у него vuejs не инициализирован

Что я делаю не так? http://plnkr.co/edit/UDFCX2fQufSq4c4LmWaI?p=preview

загляни в консоль, переменная color is undefined, Can not find colorPicker element…

Это я увидел. Читаю документацию, но не вижу как исправить

при чем тут документация

color берется из input

у меня v-forом выводяться объекты, в них есть datetime из element io когда я делаю :change='changeDate(id)', и функция выполняется во всех элементах v-forа

color берется из input

у тебя в JS написано color: color

исправь на color: ''

и JS твой запускается до рендера страницы

либо жди пока загрузиться либо используй CodePen, там уже есть интеграция с VueJS

А есть еще webpack'овская песочница

У меня на локалке та же фигня

[Vue warn]: Cannot find element: #colorPicker

https://www.webpackbin.com/

Вот тут пробуй

Тришейкать commonJS научились https://github.com/indutny/webpack-common-shake

3 webpack обязателен

привет всем. lazy - Lazily load dialog contents что означает этот lazy load вообще?

чанки подгружаются по мере необходимости

чанки подгружаются по мере необходимости

https://vuetifyjs.com/components/dialogs - я здесь копаюсь и здесь нашел этот lazy load

Тришейкать commonJS научились https://github.com/indutny/webpack-common-shake

тестил уже?

Я пока опасаюсь 3 релиза вебпака, как то у них быстро 3.1 прилетел. Но надо выделить время и на тестовой библиотеке погонять

ok )

[Vue warn]: Error compiling template. Что требуется сделать?

Искать ошибку

Найти ее надо

как минимум

)))

[Vue warn]: Error compiling template: <div id="colorPicker"> <div class="colorView" :style="background-color: color"></div> <div class="colorInput"> <input class="input" placeholder="Type a color in HEX-format" v-model="color"> </div> </div> - invalid expression: :style="background-color: color" (found in <Root>)

Полный текст ошибки

Заменить на v-bind?

Полный текст ошибки

- invalid expression:

:style="'background-color: ' + color"

:style="'background-color: ' + color"

Помогло

Содержимое двойных скобок - js

Всем привет. Есть проект на vue 2. Пытаюсь перейти с webpack 1 на 3. Все ок, кроме того, что не работает extract-text-webpack-plugin. Стили все равно остаются инлайн в бандле. Ошибок никаких не вылезает. Инфу брал здесь: https://github.com/vuejs/vue-loader/blob/master/docs/en/configurations/extract-css.md Пробовал как ставить опцию extractCSS: true, так и через ExtractTextPlugin.extract писать. Все игнорируется. Может сталкивался кто-то?

Кстати использую sass. В .vue стили <style lang="sass">

Компоненты не асинхронные?

Компоненты не асинхронные?

Это ко мне вопрос? Если да, то в компонентах есть асинхронные запросы к внешнему api. Только стили тут причем?

Всем привет. Есть проект на vue 2. Пытаюсь перейти с webpack 1 на 3. Все ок, кроме того, что не работает extract-text-webpack-plugin. Стили все равно остаются инлайн в бандле. Ошибок никаких не вылезает. Инфу брал здесь: https://github.com/vuejs/vue-loader/blob/master/docs/en/configurations/extract-css.md Пробовал как ставить опцию extractCSS: true, так и через ExtractTextPlugin.extract писать. Все игнорируется. Может сталкивался кто-то?

extract-text вроде же под третий ещё не заточили, у меня на втором работает ОК

Всем привет. Есть проект на vue 2. Пытаюсь перейти с webpack 1 на 3. Все ок, кроме того, что не работает extract-text-webpack-plugin. Стили все равно остаются инлайн в бандле. Ошибок никаких не вылезает. Инфу брал здесь: https://github.com/vuejs/vue-loader/blob/master/docs/en/configurations/extract-css.md Пробовал как ставить опцию extractCSS: true, так и через ExtractTextPlugin.extract писать. Все игнорируется. Может сталкивался кто-то?

Ммм... Все необходимые пакеты обновил?

Помогло

v-bind:style="{backgroundColor: color}" вот так можно еще

Полный текст ошибки

https://ru.vuejs.org/v2/guide/class-and-style.html рекомендуется к прочтению)

extract-text вроде же под третий ещё не заточили, у меня на втором работает ОК

В доках вроде есть: https://webpack.js.org/plugins/extract-text-webpack-plugin/ Хотя можно конечно откатиться до webpack 2 и потестить

В доках вроде есть: https://webpack.js.org/plugins/extract-text-webpack-plugin/ Хотя можно конечно откатиться до webpack 2 и потестить

0 вариантов на странице на цифру 3 ?

Ммм... Все необходимые пакеты обновил?

Вообще все пакеты в проекте обновил, все ошибки и warnings поправил

0 вариантов на странице на цифру 3 ?

Блин, и правда для 3 установка не описана. Проглядел. Спасибо, попробую 2 версию

А можно ли как-то сделать динамическую цветовую схему? У меня в проекте юзеры сами задают цвета для их страниц, и мне надо, чтобы потом они как-то подставлялись в css. Вручную к каждому элементу делать v-bind не вариант.

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

Блин, и правда для 3 установка не описана. Проглядел. Спасибо, попробую 2 версию

Посмотри vue-cli, там 2 вебпак

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

На сайте в разделе "Примеры" показано как прикрутить Select 2 к вую

Посмотри vue-cli, там 2 вебпак

уже попробовал откатиться до 2. То же самое.

Это ко мне вопрос? Если да, то в компонентах есть асинхронные запросы к внешнему api. Только стили тут причем?

Я говорил про асинхронно подругжаемые компоненты, code splitting, у меня с ними такая проблема была

Я говорил про асинхронно подругжаемые компоненты, code splitting, у меня с ними такая проблема была

этого нет

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

Ты проверь все ли на npm есть. Если да, то можешь переписывать на ES6 и все либы через import подключать

Ты проверь все ли на npm есть. Если да, то можешь переписывать на ES6 и все либы через import подключать

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

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

Да, есть такой моментик )))

div>div:not(.div)>div:first-child>span>p:not(span)>div>p>head>body>article>div>p:last-of-type>span

надо проверять

ERROR: S client not available

добавлю немного ужаса сюда)

<div> <div:not> <div class="div"></div> <div:first-child><span> <p:not> <span></span> <div> <p> <head> <body> <article> <div> <p:last-of-type><span></span></p:last-of-type> </div> </article> </body> </head> </p> </div> </p:not> </span></div:first-child> </div:not> </div>

че за div:not???

http://mysolaris.xyz/color-picker/index.html Сделал. Как можно сделать лучше?

:not(selector)

есть такое

есть такое

такое - согласен

Его emmet интересно рендерит ))

Всем привет. Есть проект на vue 2. Пытаюсь перейти с webpack 1 на 3. Все ок, кроме того, что не работает extract-text-webpack-plugin. Стили все равно остаются инлайн в бандле. Ошибок никаких не вылезает. Инфу брал здесь: https://github.com/vuejs/vue-loader/blob/master/docs/en/configurations/extract-css.md Пробовал как ставить опцию extractCSS: true, так и через ExtractTextPlugin.extract писать. Все игнорируется. Может сталкивался кто-то?

Разобрался. Была ошибка в конфиге вебпака. Конфиг vue-лоадера для продакшена затенял конфиг vue-loader для разработки, поэтому не работало. А так extract-text-webpack-plugin работает и с webpack 3. Единственно, встроенная опция extractCSS: true из vue-loader у меня сработала только для css, а для препроцессоров пришлось прописывать ExtractTextPlugin.extract. Видимо так и задумываалось)

Покажи конфиг третьего, я не видал

дак он такой же, как для 2

Эт хорошо)

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

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

Вебпака?

Да

А раньше редко и несовместимо было? )))

Между 1 и 2 значительно больше времени прошло,чем между 2 и 3

В репе для релиза v3 не нашел breaking changes, видимо совместим с v2)

Может сможет подскзать в какую сторону правильно копать, сейчас стоит задача что бы сделать multi page приложение, т.е на кажду страницу или отдельный сприкт или отдельная точка монтирование vue, может уже сталкивался? или испльзовать что нибудь на подобии laravel-elixir-vue где по отдельности собирать или через вебпак сделать, конечно было бы проще SPA но по т.з не подходит\

Гугл выдает все что не нужно по данному вопросу

Нашел вот такое https://github.com/YaoZeyuan/vue-multi-page только не понятно как это работает readme на китайском

обычный SSR

Nuxt.js в помощь

Ты проверь все ли на npm есть. Если да, то можешь переписывать на ES6 и все либы через import подключать

ты имеешь в виду адаптированные под vue?

ты имеешь в виду адаптированные под vue?

Не обязательно под Vue. Главное чтоб просто были в репозитории.

Не обязательно под Vue. Главное чтоб просто были в репозитории.

ок, спасибо)

Адаптировать то все что хочешь можно ))

ок, спасибо)

Главное проверь в действии, так как глючных много

а еще подскажите, когда юзера авторизируешь, в каком месте лучше хранить переменную isLoggedIn? И большая ли разница сохранять токен в localstorage или в cookies?

В стэйте храни

В стэйте храни

vuex?