Сап вечерний чат, кто-то может подсказать, как правильно готовить компьютед свойства для перечисляемых элементах (например внутри v-for). Нужно пилить свои компоненты для елемента перечисления? Я тут просто переезжаю с нокаута

привет

пока не очень понятно что делаешь и хочешь)

У нас на проекте очень много таблиц, некоторые поля были просчитываемыми. Хочу перевести этот же функционал на vue, но пока не понимаю как правильно реализоваться просчитываемое (computed) свойство для элементов массива, который хранится в data и рендерится на странице в виде таблицы через v-for

По идее через компоненты.

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

Например оставшиеся дни до заверщения задачи, там всякие проценты от общего количества и прочее

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

Вот метод мне кажется костылём

Типо не кешируется

а данные в таблице будут меняться реалтайм?

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

Ну да, там хотят так

В общем компоненты это и есть тру вей?

Добрейший вечерочек

Вечер в радость

Тру, тру

такс, я так полагаю, представиться надо)

Зачем что-то иное?

Надо)

Я уже два дня не успеваю написать)

ну или перед рендером таблицы пробегать и уже менять данные как надо, а потом просто рендерить что вышло... можно методом... ну и конечно на v-for ключ вешать, тогда vue будет пробовать не обновлять лишнего

можно и компонентами)

▫️Какой у вас проект или где работаете? Я фрилансер ~_~ ▫️В чём вы специалист? Вообще я бэкэнд-разработчик (PHP), но часто приходится и фронтом заниматься (Vue.js / Angular) ▫️Чем можете быть интересны или полезны сообществу? Могу посодействовать в разработке/предложить свои идеи ▫️Чем интересно сообщество вам? Пока еще не знаю, что тут есть, так просто так) ▫️Откуда вы? Санкт-Петербург, Россия ▫️Как узнали про группу? Товарищ пригласил

▫️Какой у вас проект или где работаете? Фриланс плюс несколько персональных не релизнутых проектов ▫️В чём вы специалист? NodeJS, frontend не очень люблю, но приходится. А так C# и C++ в GameDev'е. ▫️Чем можете быть интересны или полезны сообществу? На VueJS с пол года, могу отвечать на не супер сложные вопросы. Может когда-нибудь таки выкрою времени под блог. ▫️Чем интересно сообщество вам? - Следить за развитием комьюнити библиотеки, подсматривать интересные методики, да и объяснять те или иные вещи мне нравится. ▫️Откуда вы? Ростов-на-Дону, Россия ▫️Как узнали про группу? В поиске по telegram =) #whois

▫️Какой у вас проект или где работаете? Я работаю в пермской компании ProIT: http://proitr.ru/ Пилим проект для государства по межведомственному взаимодействию (посредник между органами исполнительной власти, у которого один может запросить данные из друго или целого ряда других) ▫️В чём вы специалист? Я .net разработчик, больше всего разбираюсь в asp.net (MVC и WebAPI, даже на веб-формах пилировал), так же могу в очереди сообщений (RabbitMQ) и видновые службы. MVVM до этого писал в основном на KnockoutJS, но решил, что нужно что-то более структурированное. ▫️Чем можете быть интересны или полезны сообществу? Могу чем-то помочь по работе с asp.net ▫️Чем интересно сообщество вам? Начал изучать Vue, пока всё нравится, но нужно перестраиваться. ▫️Откуда вы? Пермь ▫️Как узнали про группу? Посоветовали в группе дотнетчиков. #whois

товарищи, кто как решал траблу с подключением шаблонов из файла (и решал ли вообще)?

Я подключаю все из vue файлов

А что за проблема

не уверен было ли, если было удалю https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O

не уверен было ли, если было удалю https://www.youtube.com/playlist?list=PLwAKR305CRO_1yAao-8aZiQnBqJeyng4O

Годно, спасибо

А чего, у нас props нельзя вешать на элементы, которые рендерятся через <tag is="my-component"></tag>?

знакомые лица

<li is="my-component" :title="Title"></li> говорит "template syntax error - invalid expression: :title="Title""

может ему this.Title нужен?

уже не помню, где-то у меня без this не хотело работать

this.Title? В шаблоне?

в <template></template>

да

ну props в шаблоне я точно использовал и работало

ээм

хотя и так должно работать https://fiddle.jshell.net/crabbly/mjnjy1jt/

хотя и так должно работать https://fiddle.jshell.net/crabbly/mjnjy1jt/

Пардон, все работает. Это я опечатался. http://jsbin.com/gonihuyuye/2/edit?html,output

Но все равно спасибо ;)

Я помню как-то с день наверное убил, когда в первый раз разбирался с компонентами и вместо props написал prop

?

А кто-нибудь использует typescript с vue?

как ощущения вообще?

Как раз читаю про это: https://herringtondarkholme.github.io/2016/10/03/vue2-ts2/ По статье ощущение, что в итоге получается этакий ангулар2, но с костылями + хз, насколько корректно это все будет работать вместе.

мы flow юзаем, нам пока хватает

Посмотрите, о чем твитнул(а) @listochkin: https://twitter.com/listochkin/status/806128051352457217?s=09

Листочкин

Агетировал Vue на Kharkiv Js

А запись есть?

еще вроде не выкладывали

У нас тоже в Перми недавно был фронтенд конфа

А есть кто с Питера здесь?

За ангулар много говорили

мы flow юзаем, нам пока хватает

А чего это, как? Проверяет типизацию?

YoptaScript - язык программирования для гопников и чётких пацанов https://yopta.space/

YoptaScript - язык программирования для гопников и чётких пацанов https://yopta.space/

Так это, давно уже вроде

(

Я не в тренде

А ещё недавно выпустили TrumpScript

ERROR: S client not available

Загугли, если интересно

Гг

Вп

К слову, кто-нибудь интересуется киберспортом?

Интересовались…

А есть кто с Питера здесь?

я

YoptaScript - язык программирования для гопников и чётких пацанов https://yopta.space/

Блин, когда-то хотел похожее написать, только с тюремным сленгом

Всем привет. А как вы юзаете jquery плагины? Где вы их подключаете ?

Сейчас бы жквери

Готов услышать, что тебе не нравится в jq + vue ?

У нас есть готовое кол-во компонентов под Vue?

В mounted подключаю

ну я о том, где ты тянешь сам скрипт

Пара сайтов со сборником компонентов есть, но там не всё

В компоненте и подключаю

import plugin from 'plugin' ?

Да

Переменной только не надо. Всё равно к доллару цепляются

в смысле

переменнй

переменной

типо просто

import select2 from 'select2'; import categories from '../../api/categories'; export default { name: 'add-post', data: function () { return { categories: categories }; }, mounted: function () { console.log(select2); $('.categories').select2({ placeholder: 'Select an option' }); } };

не взлетает

в компоненте перед объектом например так

import 'javascripts/plugins/selectize.js';

а в том файле у меня уже подтягивается плагин

require('selectize'); require('selectize/dist/css/selectize.bootstrap3.css');

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

при необходимости

select2 помню смотрел, документация у них дикая... и они пишут что им больше по душе когда его инициализируешь не с DOM, а передавая ему опции в плагин