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: '#app',data: {message: 'Hello Vue!'}})
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
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.
Type : boolean
Valeur par défaut : true
(la version de production est false
)
Utilisation :
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 }
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!