Решение задачи "Отмеченные Email-ы" #6
Conversation
|
Проверьте, пожалуйста, ваше решение, не все тесты прошли (PR не будет принят до тех пор, пока все добавленные задачи не будут решены). |
|
Добавляю преподавателя (@ShGKme) для код-ревью. |
|
Коммит решения задачи "Отмеченные Email-ы". |
| const result = ref('') | ||
|
|
||
| watchEffect(() => { | ||
| switch (action.value) { | ||
| case 'sum': | ||
| result.value = firstOperand.value + secondOperand.value | ||
| break | ||
|
|
||
| case 'subtract': | ||
| result.value = (firstOperand.value - secondOperand.value) || '' | ||
| break | ||
|
|
||
| case 'multiply': | ||
| result.value = (firstOperand.value * secondOperand.value) || '' | ||
| break | ||
|
|
||
| case 'divide': | ||
| result.value = (firstOperand.value / secondOperand.value) || '' | ||
| break | ||
|
|
||
| default: | ||
| break | ||
| } | ||
| }) |
There was a problem hiding this comment.
Здесь через отслеживание вручную реализовано вычисление result при изменении любой из зависимостей вычисления. Фактически реализовано вычисляемое свойство, но вручную. Такие свойства нужно реализовывать именно как вычисляемое свойство computed:
- Это явно. Так
resultбудет описан именно как вычисляемый, а не как самостоятельная переменная с собственным значением - Эффективнее - вычисляемые свойства ленивые и вычисляются только, когда к их значению обращаются
| emails.forEach((email, i) => { | ||
| const condition = input.value && email.includes(input.value) | ||
|
|
||
| arr[i] = condition ? 'marked' : '' |
There was a problem hiding this comment.
Привязку класса лучше оставить в шаблоне, чтобы в JS части осталась логика работы компонента и его данных, включая флаг маркировки, а название класса для вёрстки - в шаблоне. Так в шаблоне будет явно видно вёрстку, какие на элементе классы и как они определяются.
There was a problem hiding this comment.
Для этого отлично подойдёт привязка класса по условиям объектом.
https://vuejs.org/guide/essentials/class-and-style.html#binding-to-objects
No description provided.