Публикации по теме 'vuejs'
Учебная записка по Vue.js
(Подлежит редактированию)
Официальные документы: Vue.js (2.0)
CDN: https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.js
Прослушиватель событий:
в HTML поместите директиву v-on для прослушивания событий DOM.
в javascript используйте новый метод для создания объекта Vue, затем используйте ключевое слово «el», чтобы назначить идентификатор/имя поля для прослушивания.
new Vue({
el: '#list',
data: {
items: [
{ text: 'one', done: true },
{ text: 'two',..
Введение в обработку событий в Vue.js
Vue.js - это простой в использовании фреймворк для веб-приложений, который мы можем использовать для разработки интерактивных интерфейсных приложений.
В этой статье мы рассмотрим, как обрабатывать различные события с помощью Vue.js и изменять поведение обработчика событий.
Прослушивание событий
Мы можем использовать директиву v-on для прослушивания событий DOM и запуска некоторого кода JavaScript при их запуске.
Например, мы можем использовать его следующим образом:..
Отключение инструментов разработчика Vue.js в рабочей среде
Отключение инструментов разработчика Vue.js в рабочей среде
Это решение предполагает, что вы используете Vue.js, Laravel и Laravel Elixir, в противном случае вам, возможно, придется поэкспериментировать с путями к файлам, чтобы они соответствовали вашей среде сборки.
Создайте файл окружения в корне вашего проекта -:
touch prod.env.js
Добавьте следующий код в prod.env.js -:
Vue. config .devtools = false ;
Vue. config .debug = false ;
Vue. config .silent = true ;
2...
Загрузчик файлов перетаскиванием с помощью библиотеки Dropzone и компонента Vue - Laravel
Создание такой сложной формы на вашем веб-сайте требует понимания того, как реализовать различные элементы в форме. Основными элементами, которые можно найти почти в каждой форме, являются элементы ввода, флажка и переключателя. Но допустим, у вас есть приложение для блога, и вам нужно создать форму, в которой вы можете создать там пост. Кроме того, вам понадобится элемент загрузчика файлов, чтобы загрузить изображение, которое станет основным изображением поста. Или вам нужно..
Как легко подключить Vuex к Firestore 🔥
Если вы похожи на меня, вам нравится создавать простые веб-приложения и веб-сайты с помощью VueJS, и если вы раньше играли с Google Firebase, я уверен, что вы согласитесь:
- Vuex отлично подходит для управления вашими данными в приложении VueJS. - Cloud Firestore - отличная база данных для Google Firebase.
Однако я обнаружил, что переписываю связь между Vuex ⇔ Firestore для каждого приложения, которое я создал. Вот тогда я подумал:
Что, если бы Vuex мог автоматически..
Стоит ли вам беспокоиться о XSS в Vue.js?
Давайте сначала разберемся с очевидной частью этой статьи: если вы не санируете свои данные, вы всегда будете уязвимы для атак межсайтового скриптинга (XSS) , независимо от того, какую платформу вы используете. использовать.
Цель этой статьи — показать вам несколько способов, которыми вы можете стать уязвимыми для XSS при использовании Vue, и, надеюсь, как их предотвратить.
Если в этот момент вы думаете "подождите, а что такое межсайтовый скриптинг?" , то нам нужно немного..
Vue.js Simple Tuts: компонент
Пару недель назад я сделал первый из этих Vue.js Simple Tuts , где мы рассмотрели создание простого переключателя. Вы увидите, что весь код повторяется здесь, но если вы хотите начать с самого начала , посмотрите Vue.js Simple Tuts: Toggling
Когда мы остановились, у нас есть следующий код:
<!-- index.html -->
<div id="app">
<button @click='toggle()'>Open/Close</button>
<span v-show="isOpen">Toggle info</span>..