Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée de votre compréhension de Vue.js

零下一度
Libérer: 2017-07-19 17:28:17
original
2293 Les gens l'ont consulté

Vue.js (prononcé /vjuː/, similaire à view) est un framework progressif pour la création d'interfaces utilisateur. Contrairement à d'autres frameworks lourds, Vue adopte une conception de développement incrémental ascendant. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue. Elle est non seulement facile à démarrer, mais également facile à intégrer à des bibliothèques tierces ou à des projets existants. D'un autre côté, Vue est également entièrement capable d'alimenter des applications complexes d'une seule page lorsqu'elles sont combinées avec des composants et des bibliothèques à fichier unique pris en charge par l'écosystème Vue.

Si vous êtes un développeur front-end expérimenté et que vous souhaitez connaître la différence entre Vue.js et d'autres bibliothèques/frameworks, consultez la comparaison avec d'autres frameworks.

Caractéristiques :

1. Simplicité : modèle HTML + données json + instance Vue

2. Piloté par les données : suivi automatique des modèles Expressions et propriétés sélectionnées par la machine

3. Componentisation : utilisez des composants découplés et réutilisables pour construire le monde

4. Léger : mises à jour Dom par lots asynchrones précises et efficaces

5. Module- convivial : installez via npm ou bower et intégrez-le de manière transparente à votre flux de travail.

Compatibilité :

Vue.js ne prend pas en charge les versions inférieures à IE8. Vue.js utilise des fonctionnalités AScript5 que IE8 ne prend pas en charge.

Rendu déclaratif

Le cœur de Vue.js est un outil qui permet le rendu déclaratif des données dans le DOM à l'aide d'une syntaxe de modèle concise :

<

div id="app">{{ message }}</div>    
var app = new Vue({el: &#39;#app&#39;,data: {message: &#39;Hello Vue!&#39;}})
Copier après la connexion

Parlons de quelques connaissances de base :

1 Configuration globale

Vue.config est un objet qui contient la configuration globale de Vue. , vous pouvez modifier les propriétés suivantes avant de démarrer l'application.

#slient

Type : booléen

Valeur par défaut : faux

Utilisation :

Vue.config .slient = true;

Annuler tous les journaux et avertissements dans Vue

#optionMergeStrategies

Tapez : {[key:string] : Function}

Valeur par défaut : {}

Utilisation :

1 Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {2   return child + 13 }4 const Profile = Vue.extend({5   _my_option: 16 })7 // Profile.options._my_option = 2
Copier après la connexion

Options pour personnaliser la stratégie de fusion.

Les options de stratégie de fusion acceptent le premier paramètre comme instance parent, le deuxième paramètre comme instance enfant et le contexte de l'instance Vue est transmis comme troisième paramètre.

#devtools

  • Type : boolean

  • Valeur par défaut : true (la version de production est false )

  • Utilisation :

    // Assurez-vous de définir le contenu suivant de manière synchrone immédiatement après le chargement de Vue
    Vue.config . devtools = true

    Configurez s'il faut autoriser vue-devtools à vérifier le code. La version de développement est par défaut true et la version de production est par défaut false. La version de production est définie sur true pour permettre la vérification

#errorHandel

Type : fonction

Valeur par défaut : indéfini

Utilisation :   

1 Vue.config.errorHandler = function (err, vm, info) {2   // handle error3   // `info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子4   // 只在 2.2.0+ 可用5 }
Copier après la connexion

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:
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