Публикации по теме 'vuejs'
Форматирование значка эскиза
Скетч - удивительный и популярный инструмент для дизайна интерфейсов. К сожалению, иногда активы, которые он экспортирует, могут быть немного нестабильными. Сюда входит .svgs. Sketch использует маски и <defs> хорошо работает для создания многоразовых символов, но, к сожалению, может нарушить работу компонентов разработчика. В моем случае это нарушало работу компонента значка vue.js, который динамически импортировал файл .svg. Я решил создать сценарий для очистки..
Лучшие практики Vue.js + Typescript # 4: создайте лучший $ emit ()
Мне никогда не нравилась такая коммуникация событий между родительским и дочерним компонентами, которая заставляет вас передавать опору дочернему, а затем выдавать значение с помощью ключа update:<prop_name> , поэтому я решил найти лучшее решение этой проблемы с помощью небольшой магии машинописного текста.
Пример создания
Давайте создадим простой пример с родительскими и дочерними компонентами.
Вот родительский компонент:
<template>
< HelloWorld..
3 способа не копировать объекты в JavaScript (распространение, назначение и JSON)
TL; DR; Если ваш object или array одноуровневый и содержит только примитивные значения, вы можете без проблем использовать эти методы.
1. Почему не следует использовать Object.assign ()
object.assign() делает только мелкую копию. Означает, если ваш объект вложен. Даже если у вашего объекта два уровня. Object.assign не работает.
Рассмотрим код ниже:
Подумайте 🤔 на мгновение о том, что будет напечатано в консоли. .
.
.
.
. Если вы думаете, что он..
Создавайте повторно используемые компоненты с помощью Vue.js
Часть 2: Аккордеонный компонент
Привет! Добро пожаловать во вторую часть этого руководства, в которой мы создаем повторно используемые компоненты с помощью Vue. В части 1 этого руководства мы узнали, как создать компонент вкладки . Нажмите здесь , чтобы прочитать, если вы пропустили это.
В этом руководстве мы узнаем, как создать повторно используемый компонент accordion с помощью Vue.
Приступаем 💪
чего мы достигнем в конце этой статьи
Создайте многоразовый аккордеон,..
Angular против React против Vue 20
Angular, React и Vue — три самых популярных интерфейсных JavaScript-фреймворка в 2023 году. Все три имеют свои уникальные функции, преимущества и популярность среди разработчиков.
Angular , разработанный Google, представляет собой полную платформу для создания веб-приложений. Он предназначен для больших и сложных приложений с такими функциями, как двусторонняя привязка данных, модульная архитектура и структура на основе компонентов. Angular — это зрелый фреймворк с большим..
Модульные тесты VueJS как инструмент обучения: v-if
Это второй пост в серии , посвященной модульным тестам в рамках базы кода VueJS , чтобы получить более глубокое понимание того, как работают элементы в экосистеме Vue.
Помимо предупреждения о регрессии в базе кода, хорошо написанные модульные тесты читаются как простые предложения и помогают тем, кто работает над проектом, понять, что делают отдельные функции. Модульные тесты также могут служить отличными шаблонами для документации, если они хорошо написаны, поскольку они должны..
