Sur quel langage vue est-il développé ?
vue est développé sur la base du langage JavaScript. Il s'agit d'un framework JavaScript progressif permettant de créer des interfaces utilisateur, visant à mieux organiser et simplifier le développement Web. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue et est très facile à apprendre et à intégrer à d'autres bibliothèques ou projets existants.
L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.
1. Sur quelle langue est basé vue ?
vue est un framework front-end basé sur JavaScript.
Vue (prononcé /vjuː/, similaire à view) est un framework JavaScript progressif permettant de créer des interfaces utilisateur, conçu pour mieux organiser et simplifier le développement Web. Contrairement à d’autres grands frameworks, Vue est conçu pour être appliqué couche par couche de bas en haut.
La bibliothèque principale de Vue se concentre uniquement sur la couche de vue, qui est non seulement facile à démarrer, mais également facile à intégrer à des bibliothèques tierces ou à des projets existants. D'un autre côté, lorsqu'il est combiné avec une chaîne d'outils moderne et diverses bibliothèques de support, Vue est pleinement capable de fournir des pilotes pour des applications complexes d'une seule page (SPA).
Vue.js fournit également une liaison de données MVVM et un système de composants composables avec une API simple et flexible. Son objectif est d'obtenir une liaison de données réactive et des composants de vue composables via l'API la plus simple possible.
2. Quelles fonctions de cycle de vie possède vue ? Fonction de hook Vue ?
beforeCreated:这个钩子函数实在vue实例创建后触发的。这个时候还没有进行data里的数据监听和事件的初始化。 created:组件实例已经完全创建,属性也绑定,但真实dom还没有生成,$el还不可用。 beforeMount:这个进行模板编译,编译模板但是没有元素挂载,无法获取dom。相关的render函数首次被调用。 mounted:元素挂载结束,可以获取dom元素。 beforeUpdata:组件更新前调用,发生在虚拟DOM打补丁之前。 updataed:组件更新后调用。 activited:keep-alive专属,组件被激活时调用。 deactivated:keep-alive 专属,组件被销毁时调用。 beforedestory:vue实例销毁前执行。 destoryed:vue实例销毁之后执行。vue实例销毁后,dom元素还存在但是数据双向绑定,vue的功能就没有了,比如数据双向绑定。
3. Quelle fonction hook peut demander des données et pourquoi ?
Peut être appelé dans les fonctions hook créées, avantMontage et montées, car dans ces trois fonctions hook, des données ont été créées et les données renvoyées par le serveur peuvent être attribuées.
Il est recommandé d'appeler des requêtes asynchrones dans la fonction hook créée, car l'appel de requêtes asynchrones dans la fonction hook créée présente les avantages suivants :
Peut obtenir les données du serveur plus rapidement et réduire le temps de chargement des pages
SSR ne prend pas en charge beforeMount et ; fonction de hooks montés, donc le placer dans la création contribue à la cohérence
[Recommandation associée : "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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Vous pouvez ajouter une fonction au bouton VUE en liant le bouton dans le modèle HTML à une méthode. Définissez la logique de la fonction de méthode et d'écriture dans l'instance Vue.

L'utilisation de bootstrap dans vue.js est divisée en cinq étapes: installer bootstrap. Importer un bootstrap dans main.js. Utilisez le composant bootstrap directement dans le modèle. Facultatif: style personnalisé. Facultatif: utilisez des plug-ins.

Il existe trois façons de se référer aux fichiers JS dans Vue.js: spécifiez directement le chemin à l'aide du & lt; script & gt; étiqueter;; importation dynamique à l'aide du crochet de cycle de vie monté (); et l'importation via la bibliothèque de gestion de l'État Vuex.

L'option Watch dans Vue.js permet aux développeurs d'écouter des modifications de données spécifiques. Lorsque les données changent, regardez déclenche une fonction de rappel pour effectuer des vues de mise à jour ou d'autres tâches. Ses options de configuration incluent immédiatement, qui spécifie s'il faut exécuter un rappel immédiatement, et profond, ce qui spécifie s'il faut écouter récursivement les modifications des objets ou des tableaux.

Le développement multi-pages VUE est un moyen de créer des applications à l'aide du cadre Vue.js, où l'application est divisée en pages distinctes: Maintenance du code: La division de l'application en plusieurs pages peut rendre le code plus facile à gérer et à maintenir. Modularité: chaque page peut être utilisée comme module séparé pour une réutilisation et un remplacement faciles. Routage simple: la navigation entre les pages peut être gérée par une configuration de routage simple. Optimisation du référencement: chaque page a sa propre URL, ce qui aide le référencement.

Vue.js dispose de quatre méthodes pour revenir à la page précédente: $ router.go (-1) $ router.back () utilise & lt; router-link to = & quot; / & quot; Composant Window.History.back (), et la sélection de la méthode dépend de la scène.

Vous pouvez interroger la version Vue en utilisant Vue Devtools pour afficher l'onglet Vue dans la console du navigateur. Utilisez NPM pour exécuter la commande "NPM List -g Vue". Recherchez l'élément VUE dans l'objet "dépendances" du fichier package.json. Pour les projets Vue CLI, exécutez la commande "Vue --version". Vérifiez les informations de la version dans le & lt; script & gt; Tag dans le fichier html qui fait référence au fichier VUE.

L'interception de la fonction dans Vue est une technique utilisée pour limiter le nombre de fois qu'une fonction est appelée dans une période de temps spécifiée et prévenir les problèmes de performance. La méthode d'implémentation est: Importer la bibliothèque Lodash: import {Debounce} de 'Lodash'; Utilisez la fonction Debounce pour créer une fonction d'interception: const debouncedFunction = Debounce (() = & gt; {/ logical /}, 500); Appelez la fonction d'interception et la fonction de contrôle est appelée au plus une fois en 500 millisecondes.
