Програмування vue.js

13

У Vuex, яка логіка мати і "дії", і "мутації?" Я розумію логіку компонентів, які не в змозі змінювати стан (що здається розумним), але маючи і дії, і мутації, схоже, ви пишете одну функцію, щоб запустити іншу функцію, щоб потім змінити стан. Яка різниця між "діями" та "мутаціями", як вони працюють …

173 vue.js vuex

17

vue.js 2, як дивитися значення магазину з vuex

Я використовую vuexі vuejs 2разом. Я новачок vuex, хочу спостерігати за storeзміною змін. Я хочу додати watchфункцію в своюvue component Ось що я маю досі: import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; Я хочу знати, чи …

168 javascript vue.js vuejs2 vuex

6

[Vue попереджає]: елемент неможливо знайти

Я використовую Vuejs . Це моя розмітка: <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> </body> Це мій код: var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; Коли я завантажую сторінку, я отримую це попередження: [Vue warn]: Cannot find element: #main Що я роблю …

166 javascript mvvm vue.js

9

Як викликати функцію дочірнього компонента на батьківських подіях

Контекст У Vue 2.0 документація та інші чітко вказують, що спілкування від батька до дитини відбувається через реквізит. Питання Як батько повідомляє своїй дитині, що відбулася подія за допомогою реквізиту? Потрібно просто спостерігати за подією, яку називають опорою? Це не вірно, ані альтернативи ( $emit/ $onпризначено для дитини-батька, а модель …

164 javascript vue.js event-handling vuejs2

3

Різниця між @click та v-on: натисніть Vuejs

питання повинні бути досить чіткими :). Але я бачу, що хтось використовує: <button @click="function()">press</button> Хтось використовує: <button v-on:click="function()">press</button> Але насправді в чому різниця між цими двома (якщо існує)

160 vue.js vuejs-directive

2

Чи існує спосіб відправки дій між двома модулями vuex, розміщеними з іменами?

Чи можливо відправити дію між модулями, розміщеними на імена? Наприклад, у мене є модулі vuex "ігровий щит" та "сповіщення". Кожен розділений на імена. Я хотів би відправити дію з ігрового поля на модуль сповіщення. Я думав, що можу використати ім'я модуля у назві дії диспетчера, як це: // store/modules/gameboard.js const …

159 vue.js vuejs2 vuex

3

Передача події та аргументу v-on у Vue.js

Я передаю параметр у v-on:inputдирективах. Якщо я не передаю його, я можу отримати доступ до події методом. Чи все-таки я можу все-таки отримати доступ до події під час передачі параметра функції. Не те, що я використовую vue-router: Це не передаючи параметр. Я можу отримати доступ до об’єкта події HTML <input …

158 vue.js

11

Як приховати синтаксис VueJS під час завантаження сторінки?

можливо, це тривіальне питання. Так що, коли я запускаю свою програму vuejs у браузері з увімкненням швидкості завантаження (встановлює низьке з'єднання). Я отримав незавершений вихід синтаксису vue у браузері. Я знаю, що ми можемо це обдурити, показуючи завантаження зображення до завантаження всієї сторінки, але чи є найкраще рішення, щоб це …

156 javascript vue.js

13

vuejs оновити батьківські дані з дочірнього компонента

Я починаю грати з vuejs (2.0). Я побудував просту сторінку з одним компонентом на ній. На сторінці є один екземпляр Vue з даними. На цій сторінці я зареєстрував та додав компонент до html. Компонент має один input[type=text]. Я хочу, щоб це значення відображалося на батьківському (основний екземпляр Vue). Як правильно …

155 javascript vue.js vue-component

12

Як додати зовнішні скрипти JS до компонентів VueJS

Мені потрібно використовувати два зовнішніх сценарії для шлюзів платежів. Зараз обидва поміщені у index.htmlфайл. Однак я не хочу завантажувати ці файли на самому початку. Шлюз платежів потрібен лише тоді, коли користувач відкриває певний компонент ( using router-view). Чи все-таки можна цього досягти?

151 javascript vue.js vuejs2 vue-component vue-router

11

forEach - це не помилка функції з масивом JavaScript

Я намагаюся зробити простий цикл: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Але я отримую таку помилку: VM384: 53 Uncaught TypeError: parent.children.forEach - це не функція Навіть якщо parent.childrenжурнали: У чому може бути проблема? Примітка. Ось JSFiddle .

145 javascript ecmascript-6 vue.js

13

Як здійснити дебютацію у Vue2?

У мене є просте поле введення в шаблоні Vue, і я хотів би використовувати дебюнс більш-менш так: <input type="text" v-model="filterKey" debounce="500"> Однак debounceмайно застаріло у Vue 2 . Рекомендація говорить лише: "використовувати v-on: input + стороння функція дебютації". Як ви правильно це реалізуєте? Я намагався реалізувати це за допомогою lodash …

143 vue.js vuejs2 debouncing

3

Як передати значення з даних Vue в href?

Я намагаюся зробити щось подібне: <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> Я не можу зрозуміти, як додати значення r.idдо кінця hrefатрибуту, щоб я міг здійснити виклик API. Будь-які пропозиції?

142 vue.js vue-router

2

Значення за замовчуванням для реквізиту компонента Vue. Як перевірити, чи користувач не встановив опору?

1. Як я можу встановити значення за замовчуванням для опори компонента у Vue 2? Наприклад, є простий moviesкомпонент, який можна використовувати таким чином: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Але якщо користувач не вказав year: <movies></movies> тоді компонент прийме деяке значення за замовчуванням для yearопори. 2. …

139 javascript vue.js vue-component

14

Як виправити хронічну проблему "Не перевірено runtime.lastError: Порт повідомлення закритий до отримання відповіді"?

Я використовую VueJS та Laravel для свого проекту. Цей випуск почав з’являтися недавно, і він відображається навіть у старих гіт гет. Ця помилка відображається лише в браузері Chrome.

138 laravel google-chrome vue.js

Запитання з тегом «vue.js»