Публикации по теме 'vuejs'
Front-End Foxes School. Мой отзыв
21 августа я получил письмо от Front-End Foxes School. Они предложили мне место в их когорте осень 2021 года - в европейской группе. Был прекрасный субботний вечер в Харькове, я пил пива с друзьями в пабе, и в тот момент я был очень взволнован этой новостью. Впереди было пять недель обучения, и ничто не могло испортить мне настроение.
Front-End Foxes School - это учебный курс, проводимый женщинами для женщин . Это бесплатно и позволяет вам развивать свои навыки..
VueX Infographic Course EP. 4: Как получить доступ к состоянию и геттерам в файлах компонентов
В этом уроке мы собираемся попробовать Vuex в реальной программе.
Это программа, с которой мы будем работать.
У нас есть два компонента: список продуктов и список продуктов для продажи.
Первый компонент получает данные из свойства данных через свойство info. Его работа - отображать первоначальную цену товара.
Второй компонент получает данные из вычисляемого свойства. Его задача - отображать цену со скидкой.
Цена со скидкой рассчитывается на основе списка товаров.
В..
Angular еще жив?
Фото Wu Jianxiong на Unsplash .
Когда я начал свою карьеру программиста, Angular был первым фреймворком, который я изучил. В то время это был самый популярный и самый используемый фреймворк JavaScript среди разработчиков. Но с развитием таких фреймворков, как React и Vue, Angular, похоже, потерял свои позиции в качестве ведущей интерфейсной среды JavaScript, и ведутся огромные споры о плюсах и минусах его изучения в 2020 году.
Итак, я решил сравнить его характеристики и..
Тестирование компонента в Vue.js
Применение TDD для разработки компонента отображения списка
Контекст
Мне нужно создать компонент Vue.js, который отображает серию Post объектов с определенной информацией. Это легкий и простой компонент для создания и применения TDD.
Я буду использовать проект Vue 2 по умолчанию Vue-CLI и @ vue / test-utils с jest для тестирования води его. Структура пост-ресурса, согласованная с коллегой по бэкэнду:
const post = {
id: 1,
title: "Test driving a list component..
5 причин рассмотреть Vue.js, если вы крупная организация
Первоначально опубликовано здесь . Проверьте это!
Знаю, знаю. Эта статья может выглядеть как еще одно сравнение Vue.js и [вставьте фреймворк здесь] . Если и есть что-то, что любят разработчики переднего плана, помимо написания JavaScript-фреймворков, так это написание статей, сравнивающих JavaScript-фреймворки и защищающих мнения, лежащие в их основе. Есть и действительно хорошие, например, вот этот или вот этот . (Кстати, если вы не занимаетесь веб-разработкой или..
Передача функций в качестве свойств антипаттерна в Vue.js
В React вы можете передавать функции как свойства от родительского к дочернему компоненту. Затем вызов функции передается обратно от дочернего к родительскому, облегчая взаимодействие родительско-дочернего компонента. Это также можно сделать в Vue.js, используя следующий код:
<template>
<Child :callback="doSomething" />
</template>
<script>
export default {
name: 'Parent',
methods: {
doSomething() {
//
}
}
}..
Использование именованных слотов Vue для создания нескольких слотов шаблона
Именованные слоты полезны при создании компонента, которому требуется несколько слотов.
Например, предположим, что мы хотим создать компонент Article.vue , нам могут потребоваться отдельные слоты для заголовка, области основного содержимого и комментариев.
Имея три разные области, нам нужен способ различать их, иначе, когда мы попытаемся внедрить контент из нашего родительского компонента, наше приложение Vue не будет знать, на какой слот мы пытаемся нацелиться.
Именно здесь..
