Woraus besteht eine Vue-Seite?

Eine Vue-Seite besteht aus drei Teilen: 1. Dem vom Vorlagen-Tag umschlossenen Schnittstellen-Anzeigecode (HTML-Code); 2. Dem vom Skript-Tag umschlossenen Geschäftsimplementierungscode (js-Skriptcode); css), umschlossen vom Style-Tag (Style-Code).

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Der Aufbau einer Vue-Seite

Eine Vue-Seite ist hauptsächlich in drei Teile unterteilt.

• <template>Schnittstellenanzeigecode (beachten Sie, dass es nur ein großes Div geben kann)</template><template>界面展示代码（需要注意的是只能有一个大的div）</template>

• <script>export default {业务实现代码}</script>

• <style scoped >界面布局代码(scoped 解决了css全局污染)</style>

<script>export default { Geschäftsimplementierung code}</script>

<style Scoped >Interface-Layout-Code (Scoped löst globale CSS-Verschmutzung)</style>

HTML: Sie kann HTML-Tags in der Vorlage verwenden und verfügt auch über Element-UI-Vant-UI-Komponenten, die visueller sind.

js: Skript: Es gibt Attribute, Daten, Komponenten, Methoden, montierte, berechnete, gebundene Methoden sowie 8 Lebenszyklen und so weiter.

css: scss weniger Vorverarbeitung usw.

vue Family Bucket

vue-cli + vue2.0 + vuex + vue-router + axios + element-ui

vue-cli ist ein Gerüst für die schnelle Erstellung von Vue-Projekten.

vue 2.0 ist vue.js, ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen. vue hat vdom in Version 2.0 eingeführt. Sein vdom-Algorithmus basiert auf Modifikationen des snabbdom-Algorithmus.

Der Kern der Vuex-Anwendung ist der Store (Lager), der den größten Teil des Status der Anwendung enthält. Er reagiert nicht direkt und kann den Status nicht ändern im Laden. Übermittlungen, die angezeigt werden müssen

vue-router ist ein Routing-Tool im Vue-Ökosystem. Single-Page-Programme können einfach mithilfe von Routing implementiert werden.

axios ist die Netzwerkanforderungsmethode. Es gibt auch axios-jsonp, das domänenübergreifende Probleme lösen kann. 🎜🎜element-ui ist eine Reihe von Desktop-Komponentenbibliotheken basierend auf vue2.0, die für Entwickler, Designer und Produktmanager vorbereitet sind. 🎜🎜【Verwandte Empfehlungen: 🎜vue.js Tutorial🎜】🎜

Das obige ist der detaillierte Inhalt vonWoraus besteht eine Vue-Seite?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!