En quoi consiste une page de vue ?

青灯夜游
Libérer: 2022-01-10 16:32:56
original
5775 Les gens l'ont consulté

Une page vue se compose de trois parties : 1. Le code d'affichage de l'interface (code HTML) enveloppé par la balise de modèle ; 2. Le code d'implémentation métier (code de script js) enveloppé par la balise de script ; css) enveloppé par le code de style de la balise de style).

En quoi consiste une page de vue ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

La composition d'une page vue

Une page vue est principalement divisée en trois parties.

  • <template>Code d'affichage de l'interface (notez qu'il ne peut y avoir qu'un seul grand div)</template><template>界面展示代码(需要注意的是只能有一个大的div)</template>

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

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

<script>export default { Implémentation métier code}</script>

<style scoped >Code de mise en page de l'interface (scoped résout la pollution mondiale CSS)</style>

HTML : Vous peut utiliser des balises html dans le modèle et également avoir des composants element-ui vant-ui, qui sont plus visuels.

js : script : Il existe des méthodes de composants de données d'attributs montées, des méthodes liées calculées, ainsi que 8 cycles de vie, etc.

css : scss moins de prétraitement, etc.

seau familial vue

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

vue-cli est un échafaudage pour construire rapidement des projets Vue.

vue 2.0 est vue.js, un framework progressif pour créer des interfaces utilisateur. vue a introduit vdom dans la version 2.0. Son algorithme vdom est basé sur des modifications de l'algorithme snabbdom.

Le cœur de l'application vuex est le magasin (entrepôt). "Store" est essentiellement un conteneur, qui contient la majeure partie de l'état de l'application. Vuex n'est pas un simple objet global, il est réactif et ne peut pas changer directement l'état. dans le magasin. Soumissions qui doivent être affichées

vue-router est un outil de routage dans l'écosystème vue. Les programmes d'une seule page peuvent être facilement implémentés à l'aide du routage.

axios est la méthode de requête réseau. Il existe également axios-jsonp qui peut résoudre des problèmes inter-domaines. 🎜🎜element-ui est un ensemble de bibliothèques de composants de bureau basées sur vue2.0 préparées pour les développeurs, les concepteurs et les chefs de produit. 🎜🎜【Recommandations associées : 🎜Tutoriel vue.js🎜】🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
vue
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!