Публикации по теме 'vuejs'
VueJS Amsterdam — в курсе событий с Айвсом ван Хорном
Познакомьтесь со спикерами до встречи с ними на конференции
Конференция VueJS Amsterdam почти началась. Билеты уже проданы! В этом интервью мы поговорим с Ивсом ван Хорном . Он смелый создатель CodeSandbox . Онлайн-редактор, который предлагает первоклассную поддержку Vue и пытается облегчить жизнь новичкам!
Примечание: вопросы и ответы не расшифрованы, а адаптированы из заметок.
Привет Айвз! Что вы можете рассказать нам о себе?
Всем привет! Я студент компьютерных наук..
Протестируйте свои идеи компонентов Vue в кратчайшие сроки с помощью мгновенного прототипирования
До появления Vue CLI 3 , если мне нужно было протестировать идею компонента vue или ответить на чей-то вопрос о Vue, я создаю прототип проекта одним из следующих трех способов:
Я создаю index.html , загружаю библиотеку Vue.js и использую <script type="text/x-template" id="test"> для написания шаблона компонента в html. Или я использую онлайн-редактор кода, например CodePen или JSFiddle. Или я создаю новый проект полного веб-пакета с помощью vue cli.
Все эти способы..
Создание базового приложения с Vue.js
Рынок разработки программного обеспечения очень разнообразен, и круг задач может сильно варьироваться. Как разработчики, мы должны уметь работать с разными технологиями. В этом посте мы поговорим о том, как создать базовое клиентское приложение с помощью Vue.js.
Установка
Сначала нам нужно установить Node на ваш компьютер. Здесь вы можете скачать и установить его.
Далее нам нужно будет установить библиотеку Vue CLI:
npm install -g @vue/cli
С этой библиотекой процесс создания..
Как добавить подсказки к вашему приложению Vue.js
Всплывающие подсказки являются общими для подсказок о том, как использовать разные части веб-приложения. Его легко добавить, и это помогает пользователям лучше понять приложение. Они также полезны для отображения длинного текста, который был бы слишком длинным.
В Vue.js добавлять всплывающие подсказки легко с помощью директивы V-Tooltip, расположенной по адресу https://github.com/Akryum/v-tooltip . Это директива для настраиваемых всплывающих подсказок. Вы можете изменить цвет, текст,..
Как сделать так, чтобы ваши пользовательские компоненты Vue поддерживали v-модель
Знаете ли вы, что вы можете использовать v-model не только в собственных элементах ввода (например, <input> ), но и в своих пользовательских компонентах ввода?
Если, например, у вас есть настраиваемый компонент для выбора нескольких значений, вы можете использовать его следующим образом:
<multi-value-input v-model="tags"/>
Вместо этого:
<multi-value-input
:value="tags"
@input="setTags"
/>
Если у вас действительно есть компонент, который принимает..
Создание настольного приложения с помощью Electron и Vue.js
В этом руководстве мы увидим, как использовать Electron и Vue.js для создания кроссплатформенных настольных приложений для основных операционных систем, таких как Windows, Linux и MAC.
В предыдущей статье мы использовали Angular как основу для структурирования кода нашего приложения. Теперь посмотрим, как использовать вместо этого Vue.js.
Благодаря Электрону вы можете создавать полноценные настольные приложения, используя только веб-технологии. Больше никаких Java или C ++, плюс..
Сброс данных экземпляра Vue
Я оказался в ситуации, когда мне нужно было полностью сбросить объект $ data экземпляра vue до значения по умолчанию. Простой выход: объявить ключ- пары значений; в функции сброса переназначьте значение всем клавишам.
Но что произойдет, если вы объявите около 50 или более атрибутов «ключ-значение»?
Моя история - это то, что я сделал после того, как попробовал несколько вещей, которые отказывались работать .
Самым многообещающим казалось объявить объект по умолчанию и..