Публикации по теме 'vuejs'


Начало работы с Vue с помощью Fiddle
Чтобы настроить Vue в Fiddle, вам просто нужно открыть скрипт, войти в него и начать с установки Vue в качестве JavaScript Framework. Как только это будет сделано, вы можете продолжить и начать руководство по коду ниже. В этом посте мы рассмотрим следующие темы, и примеры будут сделаны с использованием JSFiddle: Декларативное программирование и шаблоны Условное в шаблонах Циклы в шаблонах Настройка рабочей области достаточно проста. Просто найдите Vue и добавьте его в..

Подход Vue.js к масонству
Подход Vue.js к масонству Мэнсплейнинг-каменная кладка (и как моя бабушка научила меня этому рецепту) Если вы создаете фотогалерею в Vue, вы, возможно, пробовали макет «Masonry», в котором фотографии укладываются в столбцы с равными промежутками между ними, и когда количество столбцов изменяется в соответствии с размером окна, изображения вверху оставайтесь наверху. Я попытался использовать MagicGrid, специальный пакет 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..

Моя первая внешняя библиотека с открытым исходным кодом
- Это VueJS Я был отчаявшимся студентом второго курса CS, которому в то время действительно нужно было чем-то заняться, мне наскучила студенческая жизнь, и я устал полагаться на деньги родителей. Я спросил своего друга, как начать свое путешествие в индустрии там, и они сказали мне сначала изучить материал Front-End, он о том, что такое HTML и JavaScript, и как создавать с их помощью хорошо работающие веб-приложения. Я сделал это, и тогда это приводит меня к некоторым вопросам «Это..

Что нового в NuxtJS 3?
Я посетил двухдневную конференцию NuxtJS, и в NuxtJS 3 появилось несколько потрясающих функций. NuxtJS - это интуитивно понятный фреймворк, построенный на основе Vue.js. Это означает, что большинство основных функций и возможностей VueJS в значительной степени включены в NuxtJS. Будучи любителем и энтузиастом фреймворка Vue.js, я обнаружил, что работать с NuxtJS несложно, поскольку он предоставляет множество нестандартных возможностей. Он предоставляет следующие основные функции:..

Экспериментирование VueJS в существующем приложении Rails с наименьшими усилиями
Проще говоря: Vue слабо связан с Rails Некоторое время я работал над разработкой веб-приложений как часть моей карьеры фрилансера. Полностью построенный на Rails, дополнительные функции интерфейса пользователя были реализованы с помощью jQuery. Дела были довольно хорошими, кодовая база была чистой, после чего последовала быстрая разработка и развертывание. Но по мере того, как функциональность внешнего интерфейса росла, я чувствовал определенную необходимость во внешней структуре,..