Pytania otagowane jako vue.js

Vue.js to progresywna platforma Javascript o otwartym kodzie źródłowym do tworzenia interfejsów użytkownika, które mają być stopniowo adaptowalne. Vue.js jest używany głównie do programowania front-end i wymaga średnio zaawansowanego poziomu HTML i CSS. Pytania dotyczące wersji Vue.js powinny być oznaczone tagiem [vuejs2] lub [vuejs3].

13
Vuex Action vs Mutations
Jaka jest logika używania zarówno „akcji”, jak i „mutacji” w Vuex? Rozumiem logikę komponentów, które nie są w stanie modyfikować stanu (co wydaje się sprytne), ale posiadanie zarówno akcji, jak i mutacji wydaje się, że piszesz jedną funkcję, aby wyzwolić inną funkcję, a następnie zmienić stan. Jaka jest różnica między …
173 vue.js  vuex 
17
vue.js 2 jak obserwować przechowywanie wartości z vuex
Używam vuexi vuejs 2razem. Jestem nowy vuex, chcę obserwować storezmianę zmiennej. Chcę dodać watchfunkcję w moimvue component Oto, co mam do tej pory: import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; Chcę wiedzieć, czy są jakieś zmiany …
6
[Vue warn]: Nie można znaleźć elementu
Używam Vuejs . To jest mój znacznik: <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> </body> To jest mój kod: var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; Kiedy ładuję stronę, otrzymuję takie ostrzeżenie: [Vue warn]: Cannot find element: #main Co ja robię źle?
166 javascript  mvvm  vue.js 
3
Różnica między @click i v-on: kliknij Vuejs
pytania powinny być wystarczająco jasne :). Ale widzę, że ktoś używa: <button @click="function()">press</button> Ktoś używa: <button v-on:click="function()">press</button> Ale tak naprawdę jaka jest różnica między tymi dwoma (jeśli istnieje)
2
Czy istnieje sposób na wysyłanie akcji między dwoma modułami Vuex w przestrzeni nazw?
Czy jest możliwe wysłanie akcji między modułami w przestrzeni nazw? Np. Mam moduły vuex „gameboard” i „notification”. Każdy ma przestrzeń nazw. Chciałbym wysłać akcję z planszy do modułu powiadomień. Pomyślałem, że mógłbym użyć nazwy modułu w nazwie akcji wysyłki w następujący sposób: // store/modules/gameboard.js const actions = { myaction ({dispatch}) …
159 vue.js  vuejs2  vuex 
3
Przekazywanie zdarzenia i argumentu do v-on w Vue.js
Przekazuję parametr w v-on:inputdyrektywach. Jeśli go nie zdam, uzyskam dostęp do zdarzenia w metodzie. Czy istnieje sposób, w jaki mogę nadal uzyskać dostęp do zdarzenia podczas przekazywania parametru do funkcji. Nie to, że używam routera vue: Dzieje się to bez przekazywania parametru. Mam dostęp do obiektu zdarzenia HTML <input type="number" …
158 vue.js 
11
Jak ukryć składnię VueJS podczas ładowania strony?
może to trywialne pytanie. tak więc, kiedy uruchamiam moją aplikację vuejs w przeglądarce z włączoną funkcją ograniczania prędkości pobierania (ustawia niskie połączenie). Mam niedokończone dane wyjściowe składni vue w przeglądarce. Wiem, że możemy to oszukać, wyświetlając obraz ładowania przed załadowaniem całej strony, ale czy istnieje najlepsze rozwiązanie, aby to naprawić?
156 javascript  vue.js 
13
vuejs aktualizuje dane nadrzędne z komponentu podrzędnego
Zaczynam bawić się vuejsami (2.0). Zbudowałem prostą stronę z jednym komponentem. Strona ma jedną instancję Vue z danymi. Na tej stronie zarejestrowałem się i dodałem komponent do html. Komponent ma jeden input[type=text]. Chcę, aby ta wartość odzwierciedlała rodzica (główna instancja Vue). Jak poprawnie zaktualizować dane nadrzędne komponentu? Podanie związanego rekwizytu …
6
Vuejs: Wydarzenie przy zmianie trasy
Na mojej stronie głównej mam listy rozwijane, które wyświetlają się v-show=showpo kliknięciu linku @click = "show=!show"i chcę ustawić, show=falsekiedy zmienię trasę. Doradź mi, proszę, jak to zrealizować.
11
forEach nie jest błędem funkcji z tablicą JavaScript
Próbuję zrobić prostą pętlę: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) Ale pojawia się następujący błąd: VM384: 53 Uncaught TypeError: parent.children.forEach nie jest funkcją Mimo że parent.childrendzienniki: Jaki może być problem? Uwaga: oto JSFiddle .
13
Jak zaimplementować debounce w Vue2?
Mam proste pole wejściowe w szablonie Vue i chciałbym użyć debounce mniej więcej w ten sposób: <input type="text" v-model="filterKey" debounce="500"> Jednak debouncewłaściwość została wycofana w Vue 2 . Zalecenie mówi tylko: „użyj v-on: wejście + funkcja odbicia strony trzeciej”. Jak poprawnie to wdrażasz? Próbowałem zaimplementować to za pomocą lodash , …
3
Jak przekazać wartość z danych Vue do href?
Próbuję zrobić coś takiego: <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> Nie mogę dowiedzieć się, jak dodać wartość atrybutu r.idna końcu, hrefaby móc wykonać wywołanie interfejsu API. Jakieś sugestie?
142 vue.js  vue-router 
2
Domyślne wartości właściwości komponentu Vue i jak sprawdzić, czy użytkownik nie ustawił właściwości?
1. Jak mogę ustawić domyślną wartość właściwości komponentu w Vue 2? Na przykład istnieje prosty movieskomponent, którego można użyć w ten sposób: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } Ale jeśli użytkownik nie określi year: <movies></movies> wtedy komponent przyjmie domyślną wartość właściwości year. 2. Ponadto, jaki jest …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.