В моей прошлой статье мы сравнили Angular, React и Vue, создав небольшое веб-приложение с их использованием. В конце концов, чемпионом стали React и Vue.
В этой статье я хотел бы поделиться своим мнением о том, почему я стал большим поклонником Vue. Я постараюсь быть максимально непредвзятым. Итак, это мой собственный взгляд на вопрос. Вот почему.
Элементы списка
Одним из наиболее распространенных элементов веб-приложения является отображение элемента списка в виде массива. Давайте посмотрим на синтаксис Vue и React.
Реагировать
Vue
Теперь, что выглядит проще: синтаксис jsx в React или html Vue, решать вам.
Я предпочитаю более чистый синтаксис vue.
Компонент каркасной структуры
Ниже приведен базовый синтаксис компонента, написанный на обоих.
Написание компонентов должно быть простым с четким различием в части javascript и html. В синтаксисе реакции все выглядит запутанным (опять же, полностью мое мнение).
Жизненные циклы компонентов
В React у нас есть
- конструктор
- componentWillMount
- componentDidMount
- componentWillUpdate
- componentDidUpdate
- оказывать
Различать каждый из них становится довольно запутанным для новичка, и я не виню их. Само по себе количество жизненных циклов многовато. Теперь, в каком жизненном цикле мы должны выполнить вызов API для выборки данных.
В Vue у нас есть
- созданный
- установленный
- обновлено
- beforeCreate
- beforeMount
- beforeUpdate
Достаточно просто, и все они имеют смысл. Чаще всего приходится иметь дело с созданным или смонтированным жизненным циклом.
Обработка событий
Обработка событий должна быть очень простой и понятной, поскольку это одна из наиболее часто используемых функций любого фреймворка javascript. Давайте посмотрим, как с этим справятся React и Vue.
Vue предоставляет очень простой синтаксис для обработки событий, где, как и в реакции, использование этого ключевого слова с последующей привязкой его в конструкторе кажется ненужным для простого обработчика кликов.
Вычисляемые свойства
Перед завершением я хотел бы выделить одну из замечательных функций, которые предоставляет vue, - вычисляемое свойство.
Допустим, у нас есть опора, которая называется доллары, и мы должны отображать конвертированные рупии в пользовательском интерфейсе. Это становится очень просто с вычисляемым свойством. Ниже описано, как мы будем его использовать.
На мой взгляд, Vue проще, чем другие современные фреймворки, и, таким образом, упрощает процесс обучения, а не перегружает его. Надеюсь, вам понравилась статья. Если да, пожалуйста, аплодируйте. Пожалуйста, не стесняйтесь предлагать свои собственные идеи! Спасибо за прочтение.
P.S. - Я создал несколько инструментов. Проверьте это
- Загрузчик видео с YouTube или инструмент для резки: youtubecut.com
- Проверьте свой IP-адрес / Найдите IP-адрес: myips.in
Вот еще одна статья, которую я написал: https://medium.com/@abhaysrivastav/dare-to-take-the-red-pill-2054ab21ec49
Инкапсулирует повторно используемые компоненты с помощью Bit, чтобы запускать их в любом месте в ваших приложениях.
Бит инкапсулирует компоненты в ваших проектах со всеми их файлами и зависимостями, поэтому они могут работать где угодно в ваших приложениях.
Создавайте быстрее, делая ваши компоненты готовыми к повторному использованию, и сотрудничайте как одна команда, чтобы делиться и обнаруживать компоненты. Никакого рефакторинга или конфигурирования не требуется, просто делитесь компонентами и создавайте по-настоящему модульные приложения.