Maison > interface Web > js tutoriel > Résumer les méthodes d'instance de la configuration de vue2.0

Résumer les méthodes d'instance de la configuration de vue2.0

PHP中文网
Libérer: 2017-06-21 11:10:12
original
1503 Les gens l'ont consulté

Configuration globale

Journaux et avertissements des paramètres silencieux
optionMergeStrategies Fusionner les stratégies
devtools Configurez s'il faut autoriser vue-devtools
Éléments personnalisés en dehors de Vue.
keyCodes Alias ​​de clé personnalisés
performances Activer l'initialisation des composants dans le navigateur
productionTip Générer des invites de production au démarrage

API globale Vue .extend(options) Créer un constructeur, le paramètre est un objet d'options
Vue.nextTick([callback,context]) Exécuter le rappel différé après la prochaine mise à jour de la boucle de mise à jour du DOM
    Vue.set(object, clé, valeur) sauvegarde dans vue.filter (id, [définition]) enregistrez ou obtenez le filtre global
vue.component (id, [définition]) enregistrez ou obtenez le composant global
vue. use(plugin) Installez le plug-in Vue.js
​​ ​ Vue.mixin(mixin )       Vue.compile(template)    Compilez la chaîne de modèle dans la fonction de rendu




Options/données

données                                              Objet de données d'instance

props Recevoir des données du composant parent

propsData Utilisé uniquement dans les instances créées par de nouvelles propriétés calculées Méthodes Méthodes et événements gestion
regarder les méthodes d'instance




Options/DOM

    Alternatives aux modèles de chaînes


Options/Hooks de cycle de vie

BeforeCreate Appelé après l'initialisation de l'instance et avant l'observation des données et la configuration des événements
créé Appelé avant de démarrer
Monté Appelé après le montage sur l'instance钩子
            beforeUpdate            数据更新时调用
            mis à jour             数据更新之调用该钩子
activé 组件 激活 时 调用
désactivé 组件 停用 时 调用
beforestroy 实例 销毁 之前 调用
détruit Vue 实例 appelé après les filtres de destruction Vue une table de hachage des filtres disponibles pour le cas
vues Table de hachage des composants disponibles pour l'instance

Spécifiez l'instance parent de l'instance créée

Options Mixins Accepte un tableau d'objets mixin

nom Permet aux modèles de composants de s'appeler de manière récursive

étend étend un autre composant délimiteurs                 ∣                                                            >


Attributs d'instance

                                  duct Up dans Vue L'élément racine DOM utilisé par l'instance

vm $options   .     Options d'initialisation pour L'instance Vue actuelle

VM. $ Parent-le dans une instance racine Vue de l'arborescence des composants actuelle VM. $ Enfants Les sous-composants directs de l'instance actuel utilisent Utilisation pour accéder au contenu distribué par la machine à sous en utilisant ' Vm. $ a évalué l'utilisation de l'utilisation de l'utilisation de l'utilisation de l'utilisation de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de plus de to to to to to to to ainsi à ainsi à à à à à à à à à à à à à à à à à à à à à à à à à à lancer.                                                                              ccogene in in in in assurées in vm.$refs Composant
    vm.$isServer groom Up in in ash>> Indique si l'instance Vue actuelle est en cours d'exécution sur le serveur




Méthode/données de l'instance

  vm.$watch(expOrFn,callback,[options])                             Une expression ou une propriété calculée                        Une expression ou une propriété calculée   ​​​callback)                           ∣               ful pour participer à un événement personnalisé, appeler retour     Supprimer l'écoute d'événement vm.$emit( event,[...args]) Déclencher un événement sur l'instance

Mettre à jour les éléments Le contenu texte de

v-html Met à jour le innerHTML de l'élément

v-show Change l'attribut CSS d'affichage du élément basé sur la valeur vraie ou fausse de l’expression.

              v-if                                      .

V-FOR basé sur les données sources de plaques de modèles vivants à éléments de rendu multiples abréviation v-on@, moniteur d'événements de liaison, le type d'événement est spécifié par le paramètre. v-bind Abréviation : lier dynamiquement une ou plusieurs propriétés
v-model Créer une liaison de données bidirectionnelle sur un contrôle ou un composant de formulaire
v-pre Ignorer cet élément et ses éléments enfants Processus de compilation
cape v      ccogenegene in us in' v-once Rendre les éléments et composants une seule fois

Attributs spéciaux clé Principalement utilisée pour l'algorithme DOM virtuel de vue​ Utilisé pour marquer dans quel emplacement le contenu du sous-composant est inséré




Composants intégrés

groupe de transition      Élément en tant qu'éléments multiples / Effet de transition du composant
       keep-alive        Principalement utilisé pour conserver l'état des composants ou éviter un rendu répété
        slot                                                                             ool richesse poignées >> par keep-alive   

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