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


Небольшой базовый SPA, созданный с помощью Vue Js (для начинающих) [Movie Finder]
Что упоминается в этой статье: Введение в Vue Почему стоит выбирать Vue перед другими фреймворками Ссылка на SPA "Мой фильм" 1. Введение в Vue (краткое и четкое): Что такое Vue ?? Vue - это прогрессивный фреймворк для создания пользовательских интерфейсов. В отличие от других монолитных фреймворков, Vue разработан с нуля для постепенного внедрения. Основная библиотека ориентирована только на слой представления, и ее легко выбрать и интегрировать с другими..

Как использовать Vue.js в модальных окнах Sweet Alert 2
Одна из проблем, с которой может столкнуться разработчик при использовании нескольких пакетов / библиотек, - это как заставить их работать вместе. Это может быть особенно сложно, если они созданы не друг для друга. В этой статье будет показано, как использовать компоненты Vue.js в модальных окнах Sweet Alert без зависимости от других пакетов, которые делают это за нас. Я предполагаю, что вы установили в свой проект Vue.js и Sweet Alert 2. Если нет, взгляните на некоторые ссылки в..

Инициализация проекта Vue и очистка для нового проекта
Если вы еще не установили vue cli, вы можете легко установить его, запустив следующую командную строку. npm install -g @vue/cli затем вы можете запустить следующие команды, чтобы создать новый проект. vue create <your_app_name> выбрать вручную выбрать вариант функции добавить прогрессивную поддержку веб-приложений только предотвращение ошибок lint нет необходимости сохранять настройки перейдите в каталог вашего приложения и добавьте библиотеку vuetify, выполнив..

Переписываем модуль Vuex в Composition API.
Всем привет. В этом посте я покажу вам, как переписать какой-нибудь модуль Vuex в Vue Composition API. Это может быть отличным примером того, как вы можете заменить старую, хорошую систему управления состоянием Vue новым мощным инструментом из версии Vue 3. Модуль взят из простого приложения для ноутбука, которое я сделал для некоторых семинаров, которые я проводил некоторое время назад. Вы можете найти это здесь". Так что же делает этот модуль? Короче говоря, он объединяет,..

Добавить элемент в массив, если он не существует в Vue.js/ES6.
Узнайте, как добавить элемент в массив, если он не существует JavaScript/Vue.js/ES6. В этом примере есть массив объектов. items: [ { id: 1, text: "Item 1" }, { id: 2, text: "Item 2" }, { id: 3, text: "Item 3" } ] Наша задача — добавить новый элемент «Item 4» с id 4 в массив элементов. Vue.js new Vue({ el: "#app", data: { items: [ { id: 1, text: "Item 1" }, { id: 2, text: "Item 2" }, { id: 3, text: "Item 3" } ], exists: null },..

Новый взгляд на Vue с TSX
Vue - это потрясающий фреймворк, который уже довольно давно набирает популярность в сообществе Open Source. Он заимствует (или крадет, в зависимости от того, кого вы спросите) некоторые из лучших функций самых популярных на сегодняшний день фреймворков, включая Angular, Polymer и React. Одной из таких функций, взятых из React, является возможность писать разметку для компонентов с использованием JSX. TypeScript - не менее потрясающий надмножество JavaScript, предназначенное для..

Введение в Vuejs
Введение в Vuejs Вы использовали Vuejs или все еще запутались? Сегодня я здесь, чтобы просто рассказать о Vuejs и его использовании. Давайте начнем учиться с написания кода, а не с чтения длинных абзацев. Для этого я использую код. Во-первых, я начал с написания тега div с помощью приложения id. <div id="app"></div> Теперь давайте напишем код Vuejs Vue предлагает нам новый экземпляр Vue, он принимает объект в качестве аргумента. let app = new Vue({..