Публикации по теме 'vuejs'
Создание VueJS (с TypeScript) SPA в ASP.Net Core 2.1
Как вы, возможно, уже знаете, в Visual Studio 2017 v15.3 + вы можете выбирать шаблоны веб-приложений только для Angular, React и React + Redux.
Однако VueJS недоступен. Он был удален из-за ограниченного числа сопровождающих, но теперь он вернулся, по крайней мере, из командной строки.
dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
Теперь, если вы перечислите их, вы увидите, что VueJS доступен.
dotnet new -l
Итак, вот оно.
Но подождите, в этом шаблоне..
От начала до конца: давайте создадим виджет Словаря Google
Научитесь использовать API, Vue.js, SCSS и Promises и писать семантический HTML5.
Шаги, которые мы предпримем вместе
Разбейте виджет, чтобы понять, какие HTML-элементы нам следует использовать. Изучите, протестируйте и зарегистрируйтесь в службе API, которая предоставит нам необходимые данные. Добавьте фиктивные данные из WordsAPI в наш HTML-шаблон, чтобы проверить его структуру. Используйте Vue.js, чтобы быстро создать прототип нашего виджета с использованием данных из API. По..
Как использовать компонент Hover в Vuetify
Хотя мы могли бы использовать псевдокласс CSS :hover для настройки стилей элементов при наведении курсора мыши, Vuetify предлагает удобный способ сделать это с помощью компонента v-hover . Давайте посмотрим, как мы можем использовать его в этой статье.
Компонент v-hover
<template>
<v-app>
<v-hover v-slot="{ hover }">
<v-card
class="ma-4 pa-4"
width="200"
height="200"
:elevation="hover ? 12 : 2"
>..
Как использовать карты в Vuetify
Компонент Card в Vuetify можно использовать для самых разных целей. Мы можем использовать его для переноса компонента панели инструментов, для содержания списка или просто для отображения статического изображения. Мы можем настроить определенные функции карты, такие как цвет , высоту и размер. В этой статье вы узнаете, как создать простую карточку с помощью библиотеки пользовательского интерфейса.
Компонент «v-card»
v-card — это имя компонента, предоставленного Vuetify для..
Создайте одностраничное приложение с Laravel 5.8, Vue.js и Tailwind
В этой статье я собираюсь создать одностраничное приложение (SPA) с Laravel 5.8, Vue.js, Vue Router и шаблоном целевой страницы Tailwind CSS.
Слишком долго; не читал - исходный код здесь
Введение в одностраничные приложения (SPA)
Обычные приложения из фреймворков MVC, таких как Laravel, Ruby On Rails или Django, используют модели, представления и контроллеры, чтобы брать информацию из базы данных и отображать ее на HTML-страницах. На современном языке это называется..
Полное руководство по системе событий Vue.js, которое подробно не объясняется в официальном документе — Часть 1
Обработка событий
Vue.js реализован с мощной, но простой в использовании системой событий, которая покрывает большинство наших ежедневных потребностей в разработке, когда речь идет о взаимодействии с пользователем. В этой серии мы рассмотрим все части системы событий в Vue, которые вы могли бы использовать в своих проектах.
Начнем с обработки событий .
Введение
Вот простой компонент Vue со строкой текста и кнопкой:
Когда пользователь нажимает на кнопку, мы хотим..
Angular против Vue: лучшая ставка для моего проекта веб-приложения
Когда дело доходит до создания внешних интерфейсов, вы можете выбирать из множества фреймворков и библиотек для работы. Однако не каждый фреймворк или библиотека могут удовлетворить все потребности, а это значит, что вам нужно ознакомиться с как можно большим количеством из них.
Если вы хотите избежать повторного написания одного и того же кода каждый раз, когда вы начинаете новый проект, вы должны выбрать известные отличные. Среди самых популярных JavaScript-фреймворков сегодня —..
