Публикации по теме '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. Дела были довольно хорошими, кодовая база была чистой, после чего последовала быстрая разработка и развертывание. Но по мере того, как функциональность внешнего интерфейса росла, я чувствовал определенную необходимость во внешней структуре,..