как то так? export default {
props: ['lot'],
computed: {
balance: {
get: function () {
return {'integer': this.integer, 'decimal': this.decimal }
}
}
},
integer: {
get: getInteger(lot.current_amount)
},
decimal: {
get: getDecimal(lot.current_amount)
},
}
ну больше похоже на правду, если computed сеттер не собираетесь переопределять, то такая объектная запись не нужна, просто balance () { return ... } и в других
Alex
Alex
Oleksandr
С computed вообще лучше не связываться когда биндишь классы. Они с ними вообще нестабильно работают. Это как-то связано с тем, что компьютед свойства вычисляются не сразу после создания компонента, по этом в начальный момент времени этих данных не существет, и классы не перерендериваются.
наоборот они для того и компьютед
чтобы следить за изменениями
Stanislav
как то так? export default {
props: ['lot'],
computed: {
balance: {
get: function () {
return {'integer': this.integer, 'decimal': this.decimal }
}
}
},
integer: {
get: getInteger(lot.current_amount)
},
decimal: {
get: getDecimal(lot.current_amount)
},
}
export default {
props: ['lot'],
computed: {
balance() {
return {
integer: getInteger(this.lot.current_amount),
decimal: getDecimal(this.lot.current_amount)
}
}
}
}
Oleksandr
можете просто проверку вставить - если данных нет - вернуть пустое значение и все
при получении данных все заработает правильно
Vyacheslav
Stanislav, спасибо! робит
Kosmos
наоборот они для того и компьютед
чтобы следить за изменениями
C v-for это не работает. Неделю назад кучу форумов перечитал на эту тему. Не у одного меня подобоная пробелма возникала.
Oleksandr
почему у меня работают?)
Oleksandr
Привет, а можно где ни будь пощупать твой проект?
Я уже разобрался в чем беда. Пока нет)
Это проект заказчика, поэтому не могу пока выкладывать )
Kosmos
почему у меня работают?)
У меня даже computed свойства равные эелементам массива из vuex-стора, почему-то не меняются.
Kosmos
Хотя в сторе значения меняются.
Oleksandr
у вас какие то проблемы.
Sergei
Я уже разобрался в чем беда. Пока нет)
Это проект заказчика, поэтому не могу пока выкладывать )
Проект заказчику, а все модули на гитхаб пожалуйста )
first
Ребзя наитупейший вопрос,но во фронте мало что смыслю.
Сейчас проект использует jquery,делаю новые плюшки на вью,но старые плюшки на jq так и используются.
Сам вопрос.
Не будет ли лучше,если перенести все на vue?
Можно ли использовать jq в самом vue или лучше на чистом ЖСе?
Повлияет ли это на быстродействие?
Alex
1. будет
2.в самом vue хз, но параллельно можно
3. Незначительно
Kosmos
Вот зафукали меня, а на самом деле это скоре всего из-за того, что нужно использовать Vue.set, иначе Vue не може отслеживать изменения элементов массива.
Oleksandr
Проект заказчику, а все модули на гитхаб пожалуйста )
Думаю от них будет мало толку другим ) Да и их нужно будет допиливать, чтобы сделать полностью универсальными)
Oleksandr
Вот зафукали меня, а на самом деле это скоре всего из-за того, что нужно использовать Vue.set, иначе Vue не може отслеживать изменения элементов массива.
Просто сделай элементы массива объектами
Oleksandr
дай ссыль, буду проникаться
Не хочу поднимать политическую тему, просто загугли наступ український
Oleksandr
Канал на Ютубе
Sergei
Просто так то я российский ариец, если что
Anton
Святая толстота
Vir
Просто так то я российский ариец, если что
так. не флуда ради, для уточнения, славянские народы относятся к ванам, арийцы это северная европа, в своё время арии поделились на две части, арии и ваны.
для справки,
сори за офтоп
Sergei
слишком сложно, но я видел черных кторые типа хендмейд российский
Vir
😆
Vir
чушь всё это
Kosmos
Просто сделай элементы массива объектами
Дело было в явном задани элементов массива, использовани splice помогло.
Oleksandr
Дело было в явном задани элементов массива, использовани splice помогло.
https://jsfiddle.net/ctcdgh7x/
Oleksandr
Дело было в явном задани элементов массива, использовани splice помогло.
вечная проблема))
Nikita
я должен был бороться со злом, но стал им сам...
Рефакторнул старый компонент и он стал на 300 строк больше...
Anonymous
я должен был бороться со злом, но стал им сам...
Рефакторнул старый компонент и он стал на 300 строк больше...
Но рефакторинг - это же необязательно сокращение кода
Alessandro
и больше строк не обязательно значит что код стал хуже
Anonymous
Вот вот
Anonymous
Если он стал понятнее, и оптимальнее
Andrey
я должен был бороться со злом, но стал им сам...
Рефакторнул старый компонент и он стал на 300 строк больше...
Стоит ли разбивать компоненты на подкомпоненты, или держать файл на 1k+ строк норма?
Alessandro
на подкомпоненты точно стоит разбивать, если эти подкомпоненты можно еще где-то юзать
Alessandro
и если тестировать надо
Nikita
я не спорю, что новый компонент явно лучше, у него наконецо-то появилась валидация и куча других штук, но проблема в том, что логики стало больше, а и через пару дней, я уже не смогу нормально в нем ориентироваться, но делить на компоненты тоже сложно, ибо бо из-за этого начинаются проблемы с самой валидацией и вопросы по типу, а какие данные передавать.
Andrey
я не спорю, что новый компонент явно лучше, у него наконецо-то появилась валидация и куча других штук, но проблема в том, что логики стало больше, а и через пару дней, я уже не смогу нормально в нем ориентироваться, но делить на компоненты тоже сложно, ибо бо из-за этого начинаются проблемы с самой валидацией и вопросы по типу, а какие данные передавать.
Если толстую функцию сложно разбить на маленькие - рефакторинг только начинается
Nikita
короче когда я начал рефакторить, я знал, что самая главная проблема была в том, что компонент огромный, много логики и нужно делить на мелкие вещи.
Nikita
короче эта штука состоит из компонентов, но нужно еще делить на компоненты
Andrey
на подкомпоненты точно стоит разбивать, если эти подкомпоненты можно еще где-то юзать
Правильно ли я понял?
Использование подкомпонентов:
1. Вставляем тэг в template.
2. Импортируем в script сам компонент
3. Экспортируем родительский компонент со списком подкомпонентов
Mixam19
Вряд ли кол-во строк показатель качества кода
Mixam19
меньше не всегда лучше
Mixam19
минимизированное всё-равно в одну строку будет )
Oleksandr
Alex
я не спорю, что новый компонент явно лучше, у него наконецо-то появилась валидация и куча других штук, но проблема в том, что логики стало больше, а и через пару дней, я уже не смогу нормально в нем ориентироваться, но делить на компоненты тоже сложно, ибо бо из-за этого начинаются проблемы с самой валидацией и вопросы по типу, а какие данные передавать.
Добавлять комментарии — и понятность не исчезнет со временем
Andrey
Точно должно работать так?
Oleksandr
нет)) это просто пример))
вам в комопненты смотреть
чтобы понять как подключать и использовать
Andrey
Aleksei
Вопрос по Vuex, нет ли случайно подхода как нибудь проксировать не только геттеры для mapState. Есть желание избежать кучу такого кода:
computed: {
HumIndoor: {
get() { return this.$store.state.HumIndoor; },
set(value) {
this.$store.commit('setHumIndoor', { humidity: Number.parseInt(value, 10) });
}
},
Michael
что-то типа декораторов?..
Nikita
Добавлять комментарии — и понятность не исчезнет со временем
добавляю, просто кода так много, что теряюсь, когда хочу что-то добавить
Nikita
Vyacheslav
Подскажите как можно использовать компонентны через require?
Vyacheslav
сейчас делаю так
Vyacheslav
import LotBalance from './components/auction/balance/balance.vue';
Vue.component('lot-balance', LotBalance);
Vyacheslav
ну и далее
Vyacheslav
components: {
LotBalance, LotTime, BidButton
},
Vyacheslav
а хотелось бы в одну строку сократить две строки
Vyacheslav
Vue.component('my-component', require('./components/my-component.vue'));
Vyacheslav
вот до такого вида
Alex
components: {
LotBalance: () => import('asdf.vue')
},
Vyacheslav
ERROR in ./resources/assets/js/app.js
Module build failed: SyntaxError: Unexpected token (165:26)
Vyacheslav
увы
Vyacheslav
так похоже нельзя
Vyacheslav
но
Vyacheslav
Vue.component('lot-balance', LotBalance);
Vyacheslav
оказалось вообще не нужно
Vyacheslav
спрашивается что оно вообще тогда делает