Публикации по теме 'vue'
Vue + Vuex - Начало работы
В какой-то момент при создании приложений вам нужно будет начать думать о том, как управлять состоянием. Vue предоставляет простой способ работы с локальным состоянием внутри компонента. Ниже приведен пример загрузки некоторых данных из api и их установки в проектах переменных локального состояния:
import axios from 'axios'
export default {
name: 'projects',
data: function () {
return {
projects: []
}
},
methods: {
loadProjects: function () {..
Я использовал vuex с машинописным текстом, и я согласен с тем, что его машинописный API ограничен, но это…
Я использовал vuex с машинописным текстом и согласен с тем, что его API-интерфейс машинописного текста ограничен, но можно получить правильную типизацию действий и мутаций, используя типы объединения. Оба они принимают общие аргументы, чтобы обеспечить проверку типа переданного параметра.
store.dispatch<TType>(action: TType) и store.commit<TType>(mutation: TType) . Однако это работает, только если вы передаете действие или мутацию как объект. // Store Types
export..
Хуки жизненного цикла Vue.js
В этом руководстве вы узнаете и получите представление о хуках жизненного цикла Vue.js . вы также получите глубокое понимание того, как компоненты создаются и уничтожаются за кулисами.
Перехватчики жизненного цикла являются отправной точкой практически для всех интерфейсных фреймворков, поэтому хорошее понимание того, когда ваши компоненты создаются, монтируются, обновляются и уничтожаются, необходимо для понимания реактивности библиотеки.
Разобраться в хуках жизненного цикла в..
Как установить собственный заголовок страницы на Vue
Когда мы создаем новый проект vue в версии 3, мы получаем такой файл index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
</head>
<body>
<div id="app"></div>..
Как «деструктурировать» пропсы в Vue, как в React
Исходя из React, мне очень нравилось передавать деструктурированные реквизиты дочерним компонентам, я думал, что это делает компоненты чище и легче для чтения. Недавно я много работал во Vue и решил поделиться тем, как сделать то же самое, что и в React, но во Vue.
Тощий
<my-component v-bind="propsObjectIWantToSendToChild" />
Не такой уж и худой
Что делает v-bind?
Из документов:
Динамически привязать один или несколько атрибутов или свойство компонента к выражению...
Rete.js 2: визуальное программирование для React.js, Angular и Vue.js
В этой статье я познакомлю вас с Rete.js, фреймворком для создания редакторов узлов с настройкой и встроенными функциями для обработки. С момента создания до текущего состояния (бета-версия 2) я представлю краткую историю фреймворка, подчеркнув его эволюцию и рост.
Хотя в этой статье мы не будем углубляться в подробные руководства по использованию Rete.js, вы можете легко найти их на официальном сайте по адресу retejs.org . Вместо этого вы можете оставить свой отзыв в разделе..
Играйте в пасьянс Peg Solitaire в браузере, и Rust решит его за вас.
Это бонусная история для всех, кто читал мой отчет об алгоритмическом решении пасьянса с привязкой на Rust. Если вы его пропустили, вы можете найти его здесь .
Я заметил, что когда я писал о такой хорошей игре и предоставлял реализацию для нее решателя, это выглядело немного сухо, когда не предоставлялось всем возможность наслаждаться игрой. По этой причине я создал веб-приложение на основе Vue , которое позволяет вам играть в игру в браузере. И настольный компьютер, и планшет /..