Vue was ist denn "export default {" und "data()"?

Ich habe begonnen mit Vue zu lernen aber verstehe einige Dinge nicht, wie in der Frage steht.

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Webentwicklung, Programmieren & Softwareentwicklung, Software & Apps

22.09.2022, 12:58

export default hat erst mal nichts direkt mit Vue zu tun und kommt direkt von Javascript. Hier ist der Unterschied von export und export default ganz gut erklärt:

https://javascript.info/import-export

Und data() liefert den initialen Zustand für reaktive Komponenten, also sozusagen die Komponente selbst.

https://vuejs.org/api/options-state.html

Woher ich das weiß:Berufserfahrung – Entwickle Anwendungen für iOS, iPadOS und macOS beruflich.

Ähnliche Fragen

Braucht man Angular, React und Vue?

Angular, React und Vue sind ja alle für das Design da, oder? Man kann das doch ja auch in JavaScript alles machen anstatt diese Frameworks. Ich verstehe auch nicht wirklich warum man es verwendet?

Kann es jemand mir erklären denn ich will es verstehen weil, es mir nicht wirklich Sinn macht die zu verwenden.

Danke schon in Vorraus

...zur Frage

Emits in Vue sind das Gegenteil von Props?

Ich lerne gerade das Javascript Framework Vue.js und hab die zwei Konzepte Emits und Props gelernt, weiß nur nicht ob ich das richtig verstanden hab.

Hab das so verstanden das Props, Informationen sind die vom Parent Component zum Child Component übergeben werden und das Emits Informationen vom Child Component zum Parent Component übergeben.

Sozusagen ist Emit das gegenstück zum Prop ?

...zur Frage

Hilfe bei Vue.js Lernen?

Hallo zusammen,

Ich wollte euch fragen, ob mir jemand weiterhelfen kann.

Gerne möchte ich Vue.js lernen, jedoch weiss ich nicht, wo ich da anfangen soll. Kann mir jemand helfen, mit z. B. links zu gratis Kursen oder Videos welche einem etwas über Vue.js lernen? Falls, wenn da jemand ist, der sich sehr gut damit auskennt, möchte ich auch gerne fragen, was Vue.js überhaupt ist und wofür man dieses Framework gebrauchen kann.

Kurz zur Erklärung, ich habe den Auftrag bekommen, mit Vue.js zu arbeiten. Jedoch habe ich noch nie mit Vue.js gearbeitet und muss dies nun lernen. Ich habe bereits Kenntnisse in HTML, CSS, Bash-Scripting, PowerShell und JavaScript. Man muss auch dazu sagen, dass ich JavaScript noch nicht gut beherrsche.

...zur Frage

Wie kann ich vue components in meine html Seite einfügen?

Hallöchen,

ich arbeite grade an einem Service welcher Django als Backend verwendet und Vue js als frontend. Ich möchte allerdings vue nicht als ganzes verwenden sondern vue selbst in den Django Templates verwenden. Das funktioniert auch wunderbar, allerdings möchte ich auch third party components verwenden die mit npm runterzuladen sind. Wie kann ich diese dann in meiner html page verwenden?

...zur Frage

Warum: Function addDoc() called with invalid data. Unsupported field value: undefined (found in field exerciseName in document exercises/YNVsKyV5eT3RtPSyL8i4?

Bin sehr neu in der Programmierung mit React Native und habe ein Problem, welches ich zwar an sich verstehe, aber mir bislang nicht erklären kann warum dieses überhaupt vorkommt.

Hier sind die Zeilen wodurch der Fehler entsteht:

FireBase.js

Die Werte werden aus den jeweiligen Komponenten gezogen, diese werden auch korrekt in "data" gespeichert.

Das gibt mir "console.log" von "data" aus:

[{"demoVideo": null, "description": "BlaBlaBla", "difficulty": 0, "exerciseName": "Test ", "fieldType": 1, "focus": ["Rückhand", "Vorhand"]}]

Findet jemand einen fehler?

...zur Frage

Von Vue-script auf Vue-style zugreifen?

Hallo, in meiner Vue-Datei habe ich im script-Teil eine Funktion, die überprüft, ob es leere Eingabefelder gibt, bevor man einen Button drückt. Falls ja, sollten diese leeren Eingabefelder im style verändert werden. Beispielsweise wird dann das Eingabefeld etwas rot. Wie setze ich das um?

PS: Die Überprüfungsfunktion brauch ich nicht mehr, nur noch wie ich quasi auf den style zugreife und etwas verändere.

...zur Frage

Input löschen Vue.js?

Hallo

Ich bin gerade mit Vue js eine To-Do-App am programmieren. Es gibt ein Input feld in dem man den Namen des To-Do's schreiben kann, danach kann man noch die Kategorie wählen z.B. Arbeit oder Privat. Alles funktioniert jedoch möchte ich gerne das nach dem ich den "Add to Board"/Submit Buttom drücke der Text aus dem Input Feld gelöscht wird.

Ich bin ein Anfänger was das Programmieren angeht und würde mich über Hilfe freuen.

...zur Frage

Kann man mit chat gbt Programmieren lernen?

Hi ich bin 18 und will Programmieren lernen und baue gerade eine website auf und benutze chat gbt dafür. Wenn ich etwas nicht verstehe dann frage ich nach einer Erklärung und versuche auch den code an sich zu verstehen (mache gerade html und css an JavaScript traue ich mich noch nicht wirklich rann) aber wieder zurück zur Frage denkt ihr das funktioniert nach dem learning by doing Prinzip

eine gewisse Grundlage besitze ich schon

...zur Frage

Welche Sicherheitsvorkehrugen bei der Webentwicklung (z. B. beim Login)?

HI. Wie kann man sich am besten vor Hacker-Angriffen bzw. allgemein Hacking von Konten in der Webentwicklung (nutze da Vue,js. Socket.io, Node,js etc.) schützen? Also mit einem Token ist klar etc. Aber welche gibt es noch? Danke für eure Antworten :)

...zur Frage

Wie lasse ich eine App über einen DNS Server auf Domaine hosten (Webentwicklung)?

Ich nutze Strato und möchte meine kleine Webapp per DNS Server hosten. Allerdings braucht man ja eine Connections zu dem Server, allerdings weiß ich nicht wie das geht. Bisher läuft die App über die IP eines Routers (nicht mehr aufgrund Sicherheitsgründen, war nur zum testen), allerdings möchte ich es so machen, dass sie Public ist und unter einer Domine erreichbar ist. Bitte helft mir, danke

...zur Frage

JavaScript "window is not defined"?

Ich möchte dieses Beispiel hier in meine Next.js (React) App übernehmen:

https://codesandbox.io/s/knhlr?file=/src/index.tsx:0-691

Dazu mein Next.js (React) Code, der eine weiße Seite wiedergibt und in der console schreibt: "window is not defined"

"use client";

import ReactGlobe from "react-globe";

import markers from "./markers";
import markerRenderer from "./markerRenderer";

const options = {
    markerRenderer,
};

export default function App() {
    return (
        <div className="App">
            <ReactGlobe
                height="100vh"
                globeTexture="https://raw.githubusercontent.com/chrisrzhou/react-globe/main/textures/globe_dark.jpg"
                markers={markers}
                width="100vw"
                options={options}
            />
        </div>
    );
}

...zur Frage

Mit VueJS, Daten von MySQL abfragen und verändern?

Hallo, auf dem Schulserver unserer Schule habe ich eine MySQL Datenbank. Jetzt möchte ich in VueJS, Daten von dieser Datenbank abfragen und bearbeiten. Im Internet konnte ich leider keine guten Videos/Dokumentationen dazu finden. Wie kann ich mein Vorhaben umsetzen?

...zur Frage

React Fullstack mit welchem Backend?

Ich wollte NextJS lernen Fullstack React Framework aber ich stelle mir die Frage, mit was genau man das Ganze verwendet. In fast jedem YouTube-Video wird "Prisma" (davor noch nie gehört) mit einer anderen Datenbank genutzt, was das alles noch schwieriger macht.

Es gibt PostgreSQL, MongoDB, SQLite, usw..

Ich kenne normales SQL in Kombination mit PHP, aber die neuen modernen Sachen kenne ich nicht.

React und PHP harmonieren nicht so gut, es gibt auch wenig Online-Ressourcen und ich sehe da keine Zukunft für Stellenausschreibungen, weshalb ich diese Kombination gar nicht mehr nutzen will und backendseitig lieber von neu anfangen möchte. NextJS wäre bequem, da ich keine Router brauche, SSR habe, TS + Tailwind-Support.

Kann mir ein Fullstack-Entwickler von euch eine Roadmap empfehlen?

NextJS mit was als Datenbank, MERN-Stack vielleicht oder irgendwas anderes?

Ich bin bereit in Zukunft mehr zu lernen, aber erstmal einen Allrounder, in dem ich mein Wissen vertiefen kann.

...zur Frage

JavaScript Daten von API abfragen?

Ich habe ein JavaScript Script, in dem ich ganz am Anfang einer Variable die Daten von einem API Request zuweisen muss. Die Daten sollen also in der Variable gespeichert werden und dann der restliche Code ausgeführt werden. Ich möchte, dass die Zuweisung so aussieht:

let data = loadData() | {/*default json*/}

Die Daten müssen da sein bevor der restliche Code ausgeführt wird, da ich sie in einer funktion im onload teil brauche.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen