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].

9
Vue.js - Jak prawidłowo obserwować zagnieżdżone dane
Staram się zrozumieć, jak prawidłowo obserwować niektóre odmiany rekwizytów. Mam komponent nadrzędny (pliki .vue), który odbiera dane z wywołania ajax, umieszczam dane w obiekcie i używam go do renderowania komponentu podrzędnego za pomocą dyrektywy v-for, poniżej uproszczenia mojej implementacji: <template> <div> <player v-for="(item, key, index) in players" :item="item" :index="index" :key="key""> …
10
Jak wyłączyć wejście warunkowo w vue.js
Mam dane wejściowe: <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> i w moim komponencie Vue.js mam: .. .. ready() { this.form.name = this.store.name; this.form.validated = this.store.validated; }, .. validatedbycie boolean, może to być 0albo 1, ale bez względu na to, jakie wartości są przechowywane w bazie …
277 javascript  html  forms  vue.js 
5
Import ES6 za pomocą at ('@') Zaloguj się w projekcie vue.js za pomocą pakietu Webpack
Zaczynam nowy projekt vue.js, więc użyłem narzędzia vue-cli, aby stworzyć nowy projekt pakietu WWW (tj vue init webpack.). Przechodząc przez wygenerowane pliki, zauważyłem następujący import do src/router/index.jspliku: import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' // <- this one is what my qusestion is about Vue.use(Router) …
9
Jak usunąć hashbang z adresu URL?
Jak usunąć hashbang #!z adresu URL? Znalazłem opcję wyłączenia hashbanga w dokumentacji routera vue ( http://vuejs.github.io/vue-router/en/options.html ), ale ta opcja usuwa #!i po prostu wstawia# Czy jest jakiś sposób na posiadanie czystego adresu URL? Przykład: NIE: #!/home ALE: /home
257 vue.js  vue-router 
13
Jak słuchać zmian „rekwizytów”
w VueJs 2.0 nie mogę znaleźć żadnych haków, które mogłyby nasłuchiwać propszmian. Czy VueJ ma takie haki? onPropsUpdated() lub podobne? Aktualizacja Jak sugerował @wostex, próbowałem watchmojej własności, ale nic się nie zmieniło. Potem zdałem sobie sprawę, że mam specjalny przypadek: <template> <child :my-prop="myProp"></child> </template> <script> export default { props: ['myProp'] …
10
Wywołaj metodę komponentu Vue.js spoza komponentu
Załóżmy, że mam główną instancję Vue, która zawiera elementy potomne. Czy istnieje sposób wywołania metody należącej do jednego z tych komponentów spoza instancji Vue? Oto przykład: var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; }, methods: { …
229 javascript  vue.js 
5
Vue.js - różnica między modelem v i v-bind
Uczę się Vue na kursie online, a instruktor dał mi ćwiczenie, aby utworzyć tekst wejściowy z wartością domyślną. Ukończyłem go używając modelu v, ale instruktor wybrał v-bind: wartość i nie rozumiem dlaczego. Czy ktoś może dać mi proste wyjaśnienie różnicy między tymi dwoma i kiedy lepiej użyć każdego z nich?
5
Wyświetl nieskalowany HTML w Vue.js
Jak mogę interpretować HTML w powiązaniu wąsów? W tej chwili funkcja break ( <br />) jest właśnie wyświetlana / wybierana. Mała aplikacja Vue: var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1 }, { …
191 javascript  html  vue.js 
7
Vue v-on: click nie działa na komponencie
Próbuję użyć dyrektywy on click wewnątrz komponentu, ale wydaje się, że nie działa. Kiedy klikam komponent, nic się nie dzieje, kiedy powinienem otrzymać „kliknięcie testu” w konsoli. Nie widzę żadnych błędów w konsoli, więc nie wiem, co robię źle. index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> </head> <body> <div …
24
Vue 2 - Mutowanie rekwizytów vue-warn
Zacząłem https://laracasts.com/series/learning-vue-step-by-step series. Zatrzymałem się na lekcji Vue, Laravel i AJAX z tym błędem: vue.js: 2574 [Vue warn]: Unikaj bezpośredniego modyfikowania właściwości, ponieważ wartość zostanie nadpisana przy każdym ponownym renderowaniu komponentu nadrzędnego. Zamiast tego użyj danych lub obliczonej właściwości opartej na wartości właściwości. Mutacja rekwizytu: „lista” (znaleziona w komponencie) Mam …
1
Różnica między utworzonymi i zamontowanymi zdarzeniami w Vue.js
Dokumentacja Vue.js opisuje zdarzenia createdi mountedw następujący sposób: created Wywoływane synchronicznie po utworzeniu instancji. Na tym etapie instancja zakończyła przetwarzanie opcji, co oznacza, że ​​skonfigurowano: obserwację danych, obliczone właściwości, metody, wywołania zwrotne watch / event. Jednak faza montażu nie została rozpoczęta, a właściwość $ el nie będzie jeszcze dostępna. mounted …
181 javascript  vue.js 
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.