@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 15 января 2017 г.

06:37:23 ДП
User 40595124
User 112715267
Че-то официальные доки к роутеру совсем скудные, там про компоненты вообще ничего не написано, кроме объектов Router и Route
В примерах всё есть уже готовое.
08:31:14 ДП
User 60331718
В хранилище стоит вызывать методы, чтобы что-то достать из куков? Т.е чтобы методы хранилища выступали проксей между кукой и конечным пользователем?
08:33:08 ДП
User 85413039
User 60331718
В хранилище стоит вызывать методы, чтобы что-то достать из куков? Т.е чтобы методы хранилища выступали проксей между кукой и конечным пользователем?
Стор это абстракция же
08:34:32 ДП
User 60331718
User 85413039
Стор это абстракция же
И?
08:35:14 ДП
User 85413039
А какая разница, что абстрагировать
08:35:28 ДП
User 85413039
Куки, локалсторадж, бекжнд
08:36:01 ДП
User 60331718
Ну, просто получается что в хранилище нет поля token, зато будет геттер для него
08:37:21 ДП
User 60331718
И мутация
08:39:22 ДП
User 60331718
Хм, хотя постой, можно ведь в store пихать не объект, а функцию, возвращающую объект?
08:39:33 ДП
User 60331718
Я про vuex
08:51:06 ДП
User 152816933
а чего, в vue-cli 2.7  че та поломали/пофиксили?
08:51:17 ДП
User 152816933
Раньше оно вроде папку создавало с проектом
08:51:31 ДП
User 152816933
А теперь прям в этой же папке файлы разворачивает
08:53:30 ДП
User 112715267
User 60331718
В хранилище стоит вызывать методы, чтобы что-то достать из куков? Т.е чтобы методы хранилища выступали проксей между кукой и конечным пользователем?
Зачем так?
08:53:59 ДП
User 112715267
Есть же плагин, который автоматически сохраняет стор в localStorage
08:56:27 ДП
User 60331718
User 112715267
Есть же плагин, который автоматически сохраняет стор в localStorage
ну как, какой?
08:56:50 ДП
User 112715267
vuex-persistedstate
08:57:11 ДП
User 60331718
User 112715267
Зачем так?
я в хранилище токен и юзернейм для пользователя храню, но меня в прошлый раз тут за это раскритиковали
08:57:12 ДП
User 112715267
Подключаешь и в сторе пишешь
const store = new Vuex.Store({
  plugins:[createPersistedState()],
  state,
  mutations,
  actions
})
08:57:32 ДП
User 60331718
User 112715267
Подключаешь и в сторе пишешь
const store = new Vuex.Store({
  plugins:[createPersistedState()],
  state,
  mutations,
  actions
})
и все?
08:57:38 ДП
08:57:43 ДП
User 60331718
надо пробовать будет
08:58:07 ДП
User 112715267
При любых изменениях стор сохраняется в localStorage, а при обновлении страницы из localStorage помещается в стор
08:58:41 ДП
User 112715267
Я с этим плагином первую тудушку на электроне и написал)
08:59:05 ДП
User 60331718
тогда типо траблов с отображение в нескольких вкладках нет, я верно понимаю?
08:59:22 ДП
User 112715267
Хм, а вот это я не тестил
По идее не должно быть
09:00:39 ДП
User 112715267
Ребята, посоветуйте, как быть
Юзаю vue-router, но на странице есть <a href="#!"> , на которые роутер тоже триггерится
Чем лучше заменить или что добавить, чтобы он на них не реагировал?
09:01:10 ДП
User 60331718
User 112715267
Ребята, посоветуйте, как быть
Юзаю vue-router, но на странице есть <a href="#!"> , на которые роутер тоже триггерится
Чем лучше заменить или что добавить, чтобы он на них не реагировал?
убрать восклицательный знак
09:01:18 ДП
User 60331718
просто шарп оставить
09:01:18 ДП
User 112715267
Такая же фигня
09:01:26 ДП
User 40595124
Не лучше ли сразу сделать named routes?
09:02:18 ДП
User 152816933
User 60331718
я в хранилище токен и юзернейм для пользователя храню, но меня в прошлый раз тут за это раскритиковали
токен авторизации? А что такого та? Где его еще хранить, как не в LocalStorage?
09:02:43 ДП
User 152816933
ААААА, НЕФИГА
09:02:44 ДП
User 112715267
В куках обычно хранят
09:03:05 ДП
User 152816933
В новом шаблоне vue-cli офигенная фишечка
09:03:08 ДП
User 112715267
User 40595124
Не лучше ли сразу сделать named routes?
А, собственно, что изменится?
09:03:31 ДП
User 152816933
Теперь терминал очищается при каждом обновлении hot reload
09:03:45 ДП
User 152816933
и красивенько так. Вапще агонь
09:04:25 ДП
User 60331718
User 152816933
токен авторизации? А что такого та? Где его еще хранить, как не в LocalStorage?
в том то и дело, что он у меня не в локалхранилище был, а просто в js объекте
09:05:17 ДП
09:05:17 ДП
09:05:48 ДП
User 40595124
User 112715267
А, собственно, что изменится?
Ну как, зачем хардкодить в шаблонах ссылки?

http://router.vuejs.org/en/essentials/named-routes.html
09:06:05 ДП
User 112715267
Ты меня не понял
09:06:06 ДП
User 60331718
мля, мля, мля
09:06:09 ДП
User 60331718
как обновить?
09:06:18 ДП
User 152816933
User 60331718
как обновить?
кого?
09:06:22 ДП
User 60331718
User 152816933
что за шрифт?
09:06:40 ДП
User 152816933
User 60331718
что за шрифт?
хороший вопрос :)
09:06:42 ДП
User 60331718
User 152816933
кого?
если я обновлю его в проекте, то ничего страшного не произойдет?
09:07:04 ДП
User 112715267
Короче, на странице есть ссылки, которые роутера не касаются и не должны, но он реагирует на них
09:07:27 ДП
User 112715267
<a href="#" @click="doSmth">Do something</a>
09:07:42 ДП
User 112715267
И при нажатии он реагирует, как на router-link
09:08:31 ДП
User 152816933
User 60331718
что за шрифт?
Внезапно, Segoe UI. Самое интересное, что под MacOS он смотрится лучше, чем в винде
09:08:39 ДП
User 85413039
“Chat web-app using Phoenix and Vue.js — Part 1” @jespr https://medium.com/@jespr/create-a-simple-chat-web-app-using-phoenix-and-vue-js-bc5d82e53f9b
medium.com/@jespr/create-a-simple-chat-web-app-using-phoenix-and-vue-js-bc5d82e53f9b
I recently started playing around with vue.js 2.0 and I was so surprised by the simplicity and ease to use. Great documentation, not too…
09:09:51 ДП
User 112715267
Так как его отучить реагировать на обычные ссылки ~_~
09:10:29 ДП
User 152816933
User 112715267
И при нажатии он реагирует, как на router-link
а как реагирует?
09:10:41 ДП
User 112715267
Ну он переходит на #/
09:11:16 ДП
09:11:20 ДП
User 112715267
lalalaa.com/#/create
Нажимаешь на <a href="#">fdsf</a>
И он переходит на lalalaa.com/#/
09:14:15 ДП
User 112715267
Всо, решил проблему
09:16:16 ДП
User 152816933
чо сделал та?
09:16:35 ДП
User 60331718
mode: 'history'?
09:18:36 ДП
User 60331718
User 152816933
обновил пакеты у себя - такого не получил
09:19:16 ДП
User 152816933
Ну я вот развернул у себя сейчас чистый vue-cli (2.7.0) и показывает такое
09:19:29 ДП
User 60331718
разве что такую фигню:
(node:4449) DeprecationWarning: `DEBUG_FD` is deprecated. Override `debug.log` if you want to use a different log function (https://git.io/vMUyr)
09:19:53 ДП
User 60331718
User 152816933
Ну я вот развернул у себя сейчас чистый vue-cli (2.7.0) и показывает такое
я хочу такое же в существующем проекте)
09:20:21 ДП
User 152816933
может они где-то в конфигах веб-пака это сделали)
09:29:33 ДП
User 60331718
User 152816933
может они где-то в конфигах веб-пака это сделали)
Плак плак
09:30:02 ДП
User 152816933
User 60331718
Плак плак
сходи в репу, посмотри по ченджлогам релизов.
09:30:23 ДП
User 60331718
User 152816933
сходи в репу, посмотри по ченджлогам релизов.
Да, надо бы, даже просто по истории комитов можно
09:33:02 ДП
User 152816933
User 60331718
Да, надо бы, даже просто по истории комитов можно
https://github.com/vuejs-templates/webpack/pull/426
github.com/vuejs-templates/webpack/pull/426
This plugin provides more readable error log. For example, it's very confusing to have both eslint error log and syntax error log in the console.
09:34:45 ДП
User 60331718
Вах, сохранил себе, будет время себе скопипащу это
09:38:12 ДП
User 40595124
User 152816933
https://github.com/vuejs-templates/webpack/pull/426
github.com/vuejs-templates/webpack/pull/426
This plugin provides more readable error log. For example, it's very confusing to have both eslint error log and syntax error log in the console.
👍🏼
10:02:12 ДП
User 138709614
User 112715267
<a href="#" @click="doSmth">Do something</a>
<a href="#" @click.prevent="doSmth">Do something</a> надо делать
10:05:50 ДП
User 138709614
User 60331718
Вах, сохранил себе, будет время себе скопипащу это
Вот еще интересный плагин для оутппута вебпака - https://github.com/FormidableLabs/webpack-dashboard
github.com/FormidableLabs/webpack-dashboard
A CLI dashboard for webpack dev server. Contribute to FormidableLabs/webpack-dashboard development by creating an account on GitHub.
10:06:09 ДП
10:06:14 ДП
User 40595124
User 138709614
Вот еще интересный плагин для оутппута вебпака - https://github.com/FormidableLabs/webpack-dashboard
github.com/FormidableLabs/webpack-dashboard
A CLI dashboard for webpack dev server. Contribute to FormidableLabs/webpack-dashboard development by creating an account on GitHub.
👍🏼
10:24:52 ДП
User 60331718
User 138709614
Вот еще интересный плагин для оутппута вебпака - https://github.com/FormidableLabs/webpack-dashboard
github.com/FormidableLabs/webpack-dashboard
A CLI dashboard for webpack dev server. Contribute to FormidableLabs/webpack-dashboard development by creating an account on GitHub.
Воу, воду!
10:24:58 ДП
User 60331718
А ты используешь его?
10:25:48 ДП
User 138709614
Да, на отдельный виртуальный десктоп только терминал вынесен с этим плагином
10:26:20 ДП
User 60331718
Т.е его просто ставишь и он работает из коробки?
10:26:34 ДП
User 60331718
Шаманить не нужно?
10:26:44 ДП
User 40595124
Да, классный плагин. Не надо в каше глазами искать нужную инфу, когда Webpack собирает что-то.
10:26:50 ДП
User 138709614
он хорош тем, что показывает по сколько места бандлы занимают по сравнению с https://github.com/vuejs-templates/webpack/pull/426
github.com/vuejs-templates/webpack/pull/426
This plugin provides more readable error log. For example, it's very confusing to have both eslint error log and syntax error log in the console.
10:27:42 ДП
User 138709614
User 60331718
Шаманить не нужно?
Не нужно
10:28:09 ДП
User 60331718
User 138709614
Не нужно
даже что-то писать в конфиге webpack?
10:29:01 ДП
User 138709614
подключать то естественно нужно. Но как и все остальные. сейчас скину его подключение в конфиге
10:29:15 ДП
User 40595124
// Import the plugin:
var DashboardPlugin = require('webpack-dashboard/plugin');

// If you aren't using express, add it to your webpack configs plugins section:
plugins: [
    new DashboardPlugin()
]

// If you are using an express based dev server, add it with compiler.apply
compiler.apply(new DashboardPlugin());
10:29:19 ДП
User 40595124
Дак есть же всё в readme.
10:29:32 ДП
User 60331718
User 40595124
Дак есть же всё в readme.
да, да, уже читаю
10:29:46 ДП
User 60331718
просто там написано как через npm делать, а я yarn юзаю
10:32:00 ДП
User 60331718
в vue-cli-webpack это какой файл модифицировать?
10:32:27 ДП
User 60331718
их тут несколько
10:32:43 ДП
User 60331718
base наверное
10:34:41 ДП
User 138709614
var config = require('../config')
var webpack = require('webpack')
var merge = require('webpack-merge')
var utils = require('./utils')
var baseWebpackConfig = require('./webpack.base.conf')
var HtmlWebpackPlugin = require('html-webpack-plugin')
var FriendlyErrors = require('friendly-errors-webpack-plugin')
var DashboardPlugin = require('webpack-dashboard/plugin')

// add hot-reload related code to entry chunks
Object.keys(baseWebpackConfig.entry).forEach(function (name) {
  baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])
})

module.exports = merge(baseWebpackConfig, {
  module: {
    loaders: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
  },
  // eval-source-map is faster for development
  devtool: '#eval-source-map',
  plugins: [
    new webpack.DefinePlugin({
      'process.env': config.dev.env
    }),
    new DashboardPlugin(),
    // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    // https://github.com/ampedandwired/html-webpack-plugin
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true
    }),
    //new FriendlyErrors()
  ]
})
10:35:06 ДП
User 138709614
Это webpack.dev
10:35:24 ДП
User 138709614
compiler.apply
compiler.apply(new DashboardPlugin()); - работает и без этого
10:36:49 ДП
User 60331718
вот эту лабуду тоже делал?
10:37:02 ДП
User 40595124
User 60331718
base наверное
Мне кажется лучше в dev.
10:37:12 ДП
User 40595124
На prod то зачем данный плагин?
10:37:13 ДП
User 60331718
User 40595124
Мне кажется лучше в dev.
ога, там ид елаю уже
10:37:17 ДП
10:38:09 ДП
User 138709614
User 60331718
вот эту лабуду тоже делал?
Кстати да. В package.json

"dev": "node node_modules/webpack-dashboard/bin/webpack-dashboard -- node build/dev-server.js",
10:38:56 ДП
User 60331718
вах, спасибо
10:39:19 ДП
10:39:56 ДП
User 60331718
ты используешь webstorm?
10:40:21 ДП
10:41:00 ДП
User 138709614
Нет идешки хорошей для работы на vue не нашел. На сублайме сижу
10:42:29 ДП
User 138709614
User 60331718
хмм
Ну вроде норм все. В вебшторме терминал не отображает видимо цвета и псевдографику
10:42:39 ДП
User 138709614
Запусти из системного терминала
10:42:53 ДП
User 60331718
User 138709614
Ну вроде норм все. В вебшторме терминал не отображает видимо цвета и псевдографику
цвета отображает кстати
10:43:39 ДП
User 60331718
псевдографику тоже
10:43:46 ДП
User 60331718
но это именно в терменалое
10:43:55 ДП
User 60331718
а не в run скорее всего
10:58:51 ДП
User 60331718
вот жеж срань
11:03:13 ДП
User 60331718
почему?
11:04:41 ДП
User 138709614
У тебя уже процесс на этом порту висит
11:05:12 ДП
User 60331718
User 138709614
У тебя уже процесс на этом порту висит
как ты это сделал? ^D
11:05:12 ДП
User 138709614
Вероятно где то еще один инстанс ноды
11:05:24 ДП
11:05:34 ДП
User 60331718
User 138709614
Что??
определил проблему
11:05:41 ДП
User 60331718
и да, это решило проблему
11:06:06 ДП
User 138709614
Error: listen EADDRINUSE
11:06:40 ДП
User 60331718
жаль конечно что она не раотает в ide
11:07:35 ДП
User 138709614
ну для иде поставь friendly errors плагин
11:12:44 ДП
User 60331718
User 138709614
ну для иде поставь friendly errors плагин
Ээ, для webstorma я не нашёл, или неверно тебя понял
11:13:28 ДП
User 138709614
я про https://github.com/vuejs-templates/webpack/pull/426
github.com/vuejs-templates/webpack/pull/426
This plugin provides more readable error log. For example, it's very confusing to have both eslint error log and syntax error log in the console.
11:17:02 ДП
User 60331718
ааа, ну да, видимо придется им довоьстоваться
11:22:21 ДП
User 152816933
User 138709614
Тоже одно время хотел, но мне такое не пойдёт. Я терминал в редакторе запускаю.
11:23:06 ДП
User 138709614
Вообще идеально если мониторов несколько )
11:23:18 ДП
User 60331718
User 138709614
Вообще идеально если мониторов несколько )
2 - мало
11:23:21 ДП
User 152816933
Если больше 2, да)
11:23:23 ДП
User 60331718
Надо 3 тогда
11:24:10 ДП
User 152816933
Фотшоп, браузер, вебпак, ide... 4 получается 😄
11:24:22 ДП
User 152816933
Хотя фотшоп редко, да
11:27:37 ДП
User 40595124
Это смотря ещё какие. 😃
11:27:44 ДП
User 40595124
28" IPS/PVA мне бы и одного хватило.
11:27:52 ДП
User 40595124
Хотя и сейчас DELL 24" IPS одного хватает.
11:34:24 ДП
User 60331718
У меня сейчас ноут + монитор - мало
11:34:50 ДП
User 60331718
Хочется ide - 1 монитор + монитор под браузер + 1 монитор под консоль и телегра м
11:36:43 ДП
User 129500717
Сап чат. Можете пожалуйста подсказать, как в кастомной директиве вызвать функцию, которую передал в параметре? Мне нужно обработать изменение значения display на "none"
11:39:42 ДП
User 60331718
Тут поможет только @xanf_ua
11:40:04 ДП
User 60331718
Если ждать лень, то покопайся в исходниках существующих директив
11:43:43 ДП
User 138709614
User 129500717
Сап чат. Можете пожалуйста подсказать, как в кастомной директиве вызвать функцию, которую передал в параметре? Мне нужно обработать изменение значения display на "none"
https://vuejs.org/v2/guide/custom-directive.html binding.value 
Если нужно вызвать как функцию binding.value.call(this)
vuejs.org/v2/guide/custom-directive.html
Vue.js - The Progressive JavaScript Framework
11:45:08 ДП
User 129500717
User 138709614
https://vuejs.org/v2/guide/custom-directive.html binding.value 
Если нужно вызвать как функцию binding.value.call(this)
vuejs.org/v2/guide/custom-directive.html
Vue.js - The Progressive JavaScript Framework
Точно, спасибо!
01:16:28 ПП
User 38625843
▫️Сейчас я не использую vue.js нигде, только присматриваюсь, для саморазвития.
▫️Wolfram Mathematica, Python(+django), Go, С,  численные методы, радиоэлектроника
▫️Чем можете быть интересны или полезны сообществу? -  Без понятия.
▫️Чем интересно сообщество вам? - В тематических группах часто публикуют интересные материалы, да и всегда можно что-то спросить в процессе обучения.
▫️Откуда вы? - Москва, РФ
▫️Как узнали про группу? - поискал в Google 
#whois
02:20:03 ПП
User 112715267
Ребята
02:20:37 ПП
02:20:47 ПП
User 112715267
Есть два события
При клике на кнопку -> show = true
При клике вне окошка, которое появляется -> show = false
Как их скомбинить, чтобы окошко не закрывалось сразу после нажатия на кнопку?
02:21:20 ПП
User 112715267
nextTick почему-то все равно срабатывает одновременно
02:21:30 ПП
User 60331718
User 112715267
Есть два события
При клике на кнопку -> show = true
При клике вне окошка, которое появляется -> show = false
Как их скомбинить, чтобы окошко не закрывалось сразу после нажатия на кнопку?
Т.е сейчас оно открывается и закрывается одновременно?
02:21:42 ПП
User 112715267
Ну оно не открывается
02:21:58 ПП
User 112715267
То есть становится false сразу после true
02:23:15 ПП
User 60331718
А почему так? Ты ведь 1 раз кликаешь
02:24:23 ПП
User 112715267
Я кликаю по кнопке
И одновременно срабатывает события клика вне окошка
02:24:33 ПП
User 112715267
Кнопка не окошко ведь
02:25:04 ПП
User 60331718
User 112715267
Кнопка не окошко ведь
Но ты сначала нажимаешь, потом меняется значение на true
02:25:24 ПП
User 112715267
Да, но нет
02:25:42 ПП
User 112715267
Ща прикольчик покажу
02:25:55 ПП
02:26:04 ПП
02:26:33 ПП
02:27:13 ПП
User 112715267
Если приписать nextTick к любому из них, картина не изменяется
02:30:03 ПП
User 60331718
Что за v-on-clickaway?
02:30:58 ПП
User 112715267
https://github.com/simplesmiler/vue-clickaway
github.com/simplesmiler/vue-clickaway
Reusable clickaway directive for reusable Vue.js components - simplesmiler/vue-clickaway
02:32:46 ПП
User 112715267
v-on-clickaway="show == true ? close : () => {return false}"
Сделал такой хардкод, но чет это убого
03:23:34 ПП
User 112715267
Кто-нибудь юзал vue-sortable?
03:33:12 ПП
03:33:16 ПП
03:33:21 ПП
User 139068333
мы еще срались
03:33:43 ПП
User 139068333
дай угадаю у тебя он не завёлся ?
03:34:23 ПП
User 139068333
я таки починил то что у меня было
03:34:27 ПП
User 552804
у меня наоборот завелся
03:34:36 ПП
User 139068333
не, я про автора
03:34:45 ПП
User 139068333
я потратил два дня и у меня он таки завёлся
03:34:52 ПП
User 139068333
но чисто потому что альтернатив нет
03:35:30 ПП
User 139068333
короче там надо прописывать недокументированные классы для того что двигаешь
03:35:34 ПП
User 139068333
о которых ни слова
03:35:56 ПП
User 139068333
иначе он двигает не то и не в том порядке
03:36:36 ПП
User 139068333
но подход треш. либа для теребления дома оборачивается в вуе который теребит дом по модели
03:37:02 ПП
User 139068333
и у автора ник РУБАХА
03:38:01 ПП
User 139068333
причем есть оффициальный https://github.com/SortableJS/Vue.Draggable который не работает )
github.com/SortableJS/Vue.Draggable
Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js - SortableJS/Vue.Draggable
03:38:56 ПП
User 38625843
Господа, а нормального jsx для vue.js нее завезли?
Тот, что я нашёл, не поддерживает vue атрибуты (джиниус)
03:39:44 ПП
User 139068333
о, jsx срач
03:39:45 ПП
03:53:41 ПП
User 40268779
User 38625843
Господа, а нормального jsx для vue.js нее завезли?
Тот, что я нашёл, не поддерживает vue атрибуты (джиниус)
Нормального Jsx не бывает. Jsx - высер
03:54:50 ПП
User 139068333
жаль Jsx срач всегда без меня. хотя волнует этот вопрос
03:55:11 ПП
User 139068333
какие вообще альтернативы ? срать прямо в дом vs генерить жс ?
03:55:29 ПП
User 139068333
Jsx плох как подход или как реализация ?
03:58:13 ПП
User 133750577
Зачем в вуе jsx, если есть .vue - компоненты?
03:58:40 ПП
User 133750577
Для меня лично это как раз громадный плюс вуе вообще
03:58:49 ПП
User 139068333
это надо спрашивать тут https://vuejs.org/v2/guide/render-function.html#JSX
vuejs.org/v2/guide/render-function.html
Vue.js - The Progressive JavaScript Framework
04:00:12 ПП
User 133750577
Я имею ввиду, зачем его использовать. Зачем он нужен вообще, я знаю
04:00:43 ПП
User 55423102
Чтобы малыми силами имеющееся на jsx втаскивать на вью?
04:00:57 ПП
User 139068333
ну он идейный противник использования дома как кода
04:01:24 ПП
User 55423102
Ну тогда можно на чистом js писать функции)
04:01:46 ПП
User 55423102
В некоторых случаях jsx писать короче, в документации тоже об этом упомянуто
04:01:52 ПП
User 139068333
Jsx это и есть способ писать функции на чистом жс без каши
04:02:13 ПП
User 55423102
Jsx это писать с помесью тегов. А можно на чистом жс
04:02:29 ПП
User 139068333
ну оно транслируется в жс
04:02:41 ПП
User 133750577
Мне просто jsx всегда казался костылем
04:02:48 ПП
User 139068333
костылём делать что ?
04:03:04 ПП
User 139068333
есть задача, генерить програмно дом
04:03:20 ПП
User 139068333
и дом-аттрибуты костыль и jsx костыль
04:03:21 ПП
User 133750577
Как и sass до появления scss
04:03:49 ПП
User 38625843
ИМХО пихать html как строки или как js объекты - это больший треш, чем jsx
Но вообще, это как кому удобно
04:04:28 ПП
User 55423102
Ну вот если уже накостыляли можно малой кровью на вью переезжать и постепенно переписывать например. Для этого и добавили поддержку
04:05:48 ПП
User 133750577
Я имею ввиду, что такой код ужасно выглядит, его тяжело читать. Понятно что вообще говоря - все костыль для байткода, я о другом.
04:06:39 ПП
User 139068333
> все костыль для байткода
неа. код для человека а не для компилятора
04:06:39 ПП
User 38625843
createElement(
  'anchored-heading', {
    props: {
      level: 1
    }
  }, [
    createElement('span', 'Hello'),
    ' world!'
  ]
)
vs
<anchored-heading :level="1">
  <span>Hello</span> world!
</anchored-heading>
04:14:04 ПП
User 139059931
vs
<AnchoredHeading level='1'>
<span>Hello</span> world!
</AnchoredHeading>
04:15:12 ПП
User 139059931
ой да что вы, вы все равно компилите vue-template в virtual dom вебпаком)
04:16:02 ПП
04:16:03 ПП
User 133750577
Если так рассуждать, то нужно писать в байткодах.
04:16:13 ПП
User 133750577
Все равно компилите
04:20:50 ПП
User 139059931
если так рассуждать, то не надо придумывать каждые пол года новый шаблон. ИМХО, jsx уже стал стандартом, а не очередным никому не нужным шаблоном.
Если я знаю jsx, то могу писать и vue, и react и preact и inferno и react-native и rex апы. А vue-template бесполезное знание)
04:24:37 ПП
User 55423102
С другой стороны vue файлы это лишь в одном месте собранные HTML CSS JS. И их тоже знают все
04:32:00 ПП
User 139059931
Да да, только вот когда человек не работавший с вуе видит v-on-clickway он офигивает и лезет смотреть в контроллер что это за дичь такая, вместо того что бы навести на название компонента в ide и увидеть все пропсы, а по клику перейти к дефинишену
04:32:00 ПП
User 40268779
Я правильно понял что vue cli умеет только каркас один раз сгенерить. Как в ангуляре просто в существующий проект добавить компонент или что то еще он не умеет пока?
05:12:54 ПП
User 139068333
User 139059931
если так рассуждать, то не надо придумывать каждые пол года новый шаблон. ИМХО, jsx уже стал стандартом, а не очередным никому не нужным шаблоном.
Если я знаю jsx, то могу писать и vue, и react и preact и inferno и react-native и rex апы. А vue-template бесполезное знание)
стандартом станет что угодно если влить баба побольше
05:13:06 ПП
User 139068333
а идешечки ничего не умеют
05:14:06 ПП
User 139068333
темплейты в вуе перекочевали из ангуляра
05:33:25 ПП
User 40268779
User 139068333
темплейты в вуе перекочевали из ангуляра
Это ок. Я именно спрашивал умеет ли он что-то ещё?
07:06:03 ПП
User 40595124
https://weex-project.io/ — вот это годная вещь? Реквестирую мнения, комрады.
07:06:58 ПП
User 40595124
Не очень. :-\ Документации нет.
07:16:58 ПП
User 112715267
Так-так
07:17:00 ПП
User 112715267
Кто там починил
07:17:03 ПП
07:17:06 ПП
User 112715267
Как починил
07:18:50 ПП
User 112715267
И еще один тупой вопрос
Из-за чего компоненты могут не рендериться?
2 вложенных router-view, события при переходе срабатывают, но содержимого нет
И никаких ошибок не выдает
07:20:15 ПП
User 112715267
В содержимом только вот это <!---->
07:24:57 ПП
User 60331718
А что пишет в консольке?
07:25:36 ПП
User 112715267
Ничего
07:25:55 ПП
User 112715267
Нашел траблу
07:26:14 ПП
User 112715267
Короче, если роутер не находит компонент, он кладет <!---->
07:26:17 ПП
User 112715267
И ошибок не выдает
07:26:20 ПП
User 112715267
Если что
07:27:13 ПП
User 152816933
User 139068333
причем есть оффициальный https://github.com/SortableJS/Vue.Draggable который не работает )
github.com/SortableJS/Vue.Draggable
Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js - SortableJS/Vue.Draggable
Подожди, я ставил 2 недели назад, все отлично работало
07:27:32 ПП
User 139068333
на второй вуйке ?
07:27:37 ПП
07:27:55 ПП
User 152816933
Минут через 30 даже демку могу показать
07:28:01 ПП
User 152816933
Как домой доеду
07:28:03 ПП
User 139068333
ну тогда черт его знает
07:28:06 ПП
User 139068333
я уже не помню
07:28:25 ПП
User 139068333
просто для чего то делали vue-sortable
07:28:25 ПП
User 152816933
И события в нем, и все остальное
07:28:29 ПП
User 112715267
На второй вуйке sortable не работает
07:28:48 ПП
User 112715267
Я вот сегодня хотел заюзать
07:28:50 ПП
User 112715267
Ан-нет
07:29:01 ПП
User 152816933
Приду гляну
07:29:22 ПП
User 139068333
ну там в любом случае надо хорошо поковыряться
07:32:59 ПП
User 112715267
Так шо
07:33:03 ПП
User 112715267
Никто не расшарит пофикшенную?
07:42:50 ПП
User 152816933
Вот это у меня стоит https://github.com/SortableJS/Vue.Draggable
github.com/SortableJS/Vue.Draggable
Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js - SortableJS/Vue.Draggable
07:43:05 ПП
User 152816933
А,блин
07:43:13 ПП
User 152816933
Это оно и есть, что выше писали)
07:43:56 ПП
User 152816933
"dependencies": {
    "vuedraggable": "^2.6.0-rc0"
  }
07:44:24 ПП
User 152816933
если надо, позже могу демку сделать
07:44:34 ПП
User 112715267
Перешли мне в лс плиз
07:45:31 ПП
User 152816933
ок, но чуть попозже
08:28:27 ПП
User 212842542
Ребят, а есть тут такие кто использует lang=sass в стилях что прям в .vue-файлах и у вас работает автодополнение свойств?
08:29:05 ПП
User 212842542
Синтаксис у меня отлично подсвечивается, но почему-то не работает автодополнение во всех редакторах что пробовал
08:29:58 ПП
User 212842542
Как решение проблемы храню стили в отдельных файлах, но это засоряет  проект и хотелось бы чтоб на 1 компонент был 1 файл
08:33:59 ПП
User 108562525
Что-то в дайджесте ничего особо интересного нет. Выложили пререлиз vue-touch, который цепится к hummer.js, и.. Три вакансии. 👍🏻
08:34:22 ПП
User 139068333
а можно ссылку ?
08:34:29 ПП
User 108562525
момент
08:34:29 ПП
User 139068333
ничего не знал про дайджест
08:36:03 ПП
User 108562525
https://www.getrevue.co/profile/vuejs-news/issues/vue-js-feed-issue-25-41735
getrevue.co/profile/vuejs-news/issues/vue-js-feed-issue-25-41735
The latest Vue.js news, tutorials, plugins and more, straight to your inbox every week!
08:36:34 ПП
User 40595124
User 212842542
Ребят, а есть тут такие кто использует lang=sass в стилях что прям в .vue-файлах и у вас работает автодополнение свойств?
Я
08:36:42 ПП
User 40595124
Тоже проблемы с этим
08:37:04 ПП
User 139068333
пасиб
08:39:15 ПП
User 212842542
User 40595124
Тоже проблемы с этим
Эх, походу придется и дальше делать по 2 файла на компонент =/
08:40:49 ПП
User 40595124
User 212842542
Эх, походу придется и дальше делать по 2 файла на компонент =/
Я правда толком не искал решений для Web Storm. Пока два файла делаю. Надо поискать.
08:42:29 ПП
User 212842542
Напиши плз, если найдешь решение
08:42:32 ПП
User 150544742
у меня в виме тоже проблемы с этим, но я пока тоже толком не искал
08:43:34 ПП
User 108562525
https://gitter.im/vuejs/vue
gitter.im/vuejs/vue
NO LONGER MAINTAINED: Please migrate to http://chat.vuejs.org/ for the new and improved community chat
08:43:48 ПП
User 108562525
есть ещё здесь коммьюнити, можно у них спросить. жаль, что они не в телеграмме.
08:49:08 ПП
User 152816933
User 112715267
Перешли мне в лс плиз
http://raspy-seat.surge.sh/
С нуля сделал
08:50:37 ПП
User 152816933
User 152816933
http://raspy-seat.surge.sh/
С нуля сделал
https://gist.github.com/c01nd01r/853ed80b1d54ac3902cd4f4c3fc2cb72
gist.github.com/c01nd01r/853ed80b1d54ac3902cd4f4c3fc2cb72
08:51:03 ПП
User 112715267
Оп, пасибочки большое
08:51:06 ПП
User 112715267
То, что нужно
08:51:37 ПП
09:05:45 ПП
User 108562525
А можете в двух словах объяснить, что делает и/или зачем нужен vuex? Я просто пропустил весь хайп с react+redux, и только вылез из танка.
09:09:17 ПП
User 60331718
User 108562525
А можете в двух словах объяснить, что делает и/или зачем нужен vuex? Я просто пропустил весь хайп с react+redux, и только вылез из танка.
Кароч, вместо того, чтобы хранить данные о состоянии приложения в разных местах, мы их храним в одном месте и каждое действие по его изменению логируем
09:09:43 ПП
User 60331718
Таким образом ты никогда не изменчешь напрямую его данные, всегда через мутации или действия
09:09:48 ПП
User 60331718
Это мега удобно
09:10:06 ПП
User 60331718
Советую почитать про redux у них есть доки на русском
09:10:09 ПП
User 108562525
хм. понял, а в чём ценность редьюсеров?
09:10:31 ПП
User 108562525
то есть, почему, например, нельзя изменять напрямую.
09:10:42 ПП
User 229165046
редюсер в стор перезаписывает
09:11:23 ПП
User 108562525
возможно, я не знаком с терминологией. но хорошо, спасибо! пойду почитаю.
09:12:42 ПП
User 60331718
User 108562525
то есть, почему, например, нельзя изменять напрямую.
Потому что это нестандартезировано
09:12:45 ПП
User 229165046
схемы датафлоу посмотри, все понятно сразу станет
09:12:58 ПП
User 60331718
Что будет если где-то ты изменяешь асинхронно, а где-то синхронно
09:14:15 ПП
User 60331718
User 60331718
Что будет если где-то ты изменяешь асинхронно, а где-то синхронно
А что будет если и разные типы пихаешь?
09:14:31 ПП
User 60331718
Кароч, слишком много вопросов и всех их решает хранилище