Vuejs est-il une API ?

vuejs n'est pas une API. vuejs est un framework JavaScript progressif permettant de créer des interfaces utilisateur, conçu pour mieux organiser et simplifier le développement Web. API fait référence à une interface de programmation d'applications, qui est un ensemble de fonctions prédéfinies qui offrent aux applications et aux développeurs la possibilité d'accéder à un ensemble de routines basées sur certains logiciels ou matériels.

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

vuejs n'est pas une API.

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.

Et API (Application Programming Interface, Application Programming Interface) sont des fonctions prédéfinies, le but est de fournir aux applications et aux développeurs la possibilité d'accéder à un ensemble de routines basées sur certains logiciels ou matériels sans accéder au code source, ou comprendre les détails du fonctionnement interne.

Certaines API dans vuejs

vm fait référence à l'instance obtenue par new Vue

(1) Lorsque la valeur dans la balise dom est liée à la valeur dans data, modifier la valeur correspondant à data peut mettre à jour le tag en valeur en temps réel ;

mais la valeur ajoutée par la suite n'est pas valide (échec de la liaison).

(2) L'objet peut être directement utilisé comme attribut de données, ce qui est valide (car l'objet est passé par valeur)

Donc l'attribut et l'objet sont congrus ;

(3) Les interfaces de vm ; sont :

vm.$data est l'attribut data de vm ;

vm.$el est le nœud dom pointé par l'attribut el ;

vm.$watch sert à surveiller les changements d'attribut (comme la valeur dans data) (voir (9))

(4) Il existe plusieurs fonctions clés dans le cycle de déclaration de l'instance de vue :

created : une fois la liaison de l'événement terminée, la fonction est directement utilisée comme attribut dans l'instance de vue lorsque en déclarant l'instance de vue, la même ci-dessous.

vm.$mount : Montez le nœud dom ;

beforeCompile : avant de charger le modèle ;

compiled : après le chargement du modèle ;

ready : après la fin (je suppose) ; destroy : Après destruction ;

(5) vm.$mount (identifiant monté ou nom de classe)

Lors de l'ajout d'une nouvelle instance Vue, sans ajouter el, cela signifie qu'elle ne sera pas montée mais uniquement générée. peut transmettre cette méthode pour monter manuellement à un certain endroit. S'il y en a plusieurs qualifiés, montez à la première place ;

(6) v-for traverse les tableaux et les objets et peut créer plusieurs étiquettes ; create Table;

(7) Échapper : {{}} Deux accolades n'échapperont pas à la balise html de la valeur

{{{}}} Trois accolades échapperont à la balise html de la valeur ; cela devient du texte HTML ;

Vous ne pouvez pas mettre de données liées dans la valeur (sauf si vous utilisez des partiels, mais je ne sais pas encore comment

(8) Dans les accolades de l'interpolation, vous pouvez mettre des expressions (vous ne pouvez pas) ; put function);

(9) Ajoutez le symbole de tuyau | entre les accolades de l'interpolation, et vous pouvez utiliser des filtres ;                   majuscule est un filtre qui met en majuscule la première lettre ;           ‐                                                                                . #                                    Existe lorsqu'une certaine valeur est vraie ;

            v-bind : nom d'attribut = "nom de la variable"                                        ‐ out'. s''''''''''''''' à travers ‐ jusqu'à Ensemble.类 V-ON : Type d'événement = "Nom de la fonction" Lors du déclenchement du type d'événement, exécutez la fonction dans Méthodes ; l'abréviation de

v-on est@ ; l'abréviation de V-Bind est : 

( 11) Le calcul des attributs des attributs ici peut être utilisé comme utilisation des attributs de données ; l'avantage est que lorsque la valeur des DATA change, elle sera modifiée ici ; 

(12) Setters et getters des propriétés calculées

La valeur par défaut est getter (attribut get de l'objet), c'est-à-dire que lorsqu'une certaine valeur change, la fonction de rappel (ou méthode get) est déclenchée

Lorsque l'attribut calculé change, certaines valeurs doivent être modifiées ; comme changer 10 valeurs, dans d'autres cas, il n'est pas bon d'écrire en surveillant cette valeur localement), alors vous devez définir le setter (définir l'attribut de l'objet), c'est-à-dire que lorsque l'attribut calculé change, la méthode set est déclenchée ;

(13) Attribut de surveillance vm.$watch (attribut surveillé, fonction de rappel)

Il surveille l'attribut de données

Le premier paramètre de la fonction de rappel est la valeur après le changement, et le deuxième paramètre est la valeur ; avant le changement ;

Il est déclenché lorsque la valeur de l'attribut change ;

(14) Liaison de classe :

                                                                  dehors dehors dehors dehors dehors dehors voulant dehors derrière   ' s à ‐‐‐‐‐w-bind voit être une base tourbillonnante et placez cet objet dans l'attribut data, définissez simplement les attributs de cet objet objet de cette manière

    Méthode d'écriture de tableau de classe : les membres du tableau sont des noms de variables ; . Si la variable n'est pas un objet, la valeur de la variable est le nom de la classe ; si c'est un objet, la clé de l'objet est le nom de la classe et la valeur indique s'il faut afficher le style 

(15) ; bind:

                     Utilisez v-bind:style

        Le formulaire est un objet et la clé de l'objet est le nom du style (comme fontSize, veuillez noter que le nom du style doit être en casse chameau au lieu de CSS), et la valeur est la valeur du style ;

Vous pouvez directement mettre le nom de l'objet sur le côté droit de l'équation de v-bind:style

La valeur de l'objet change en temps réel Affecte les styles en ligne ; Pour certains styles, vous pouvez ajouter des préfixes pour les navigateurs (mais certains ne sont pas compatibles avec tous les navigateurs)

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!