javascript - Quelle est la différence entre les méthodes globales, les ressources globales et les méthodes d'instance dans le plug-in vue.js?

Question

http://cn.vuejs.org/v2/guide/...

MyPlugin.install = function (Vue, options) {
  // 1. 添加全局方法或属性
  Vue.myGlobalMethod = function () {
    // 逻辑...
  }
  // 2. 添加全局资源
  Vue.directive('my-directive', {
    bind (el, binding, vnode, oldVnode) {
      // 逻辑...
    }
    ...
  })
  // 3. 注入组件
  Vue.mixin({
    created: function () {
      // 逻辑...
    }
    ...
  })
  // 4. 添加实例方法
  Vue.prototype.$myMethod = function (options) {
    // 逻辑...
  }
}

Quelle est la différence entre 1, 2 et 4 ici ?

Answer 1

Laissez-moi vous expliquer brièvement :

1 La méthode globale peut être comprise comme window.myGlobalMethod Lorsqu'elle est appelée via Vue.myGlobalMethod, il s'agit simplement d'une méthode statique définie sous Vuewindow. myGlobalMethod 一样，通过 Vue.myGlobalMethod 来调用，就是一个定义在 Vue 下的静态方法而已

2 全局资源，示例中即为定义了一个全局指令，具体可参考 vue 的自定义指令章节，并没有什么不同，只是说在你的插件里还定义了一个指令。当然也可定义过滤器等操作，这全看你这个插件要做什么了

4 实例方法，回想一下 JS 里的类的概念，prototype 原型链的含义，没搞明白的话先去看看这些基础内容。
这里可以这么给你解释，实例方法可以在组件内部，通过 this.$myMethod.

2 Ressources globales. Dans l'exemple, une directive globale est définie. Pour plus de détails, veuillez vous référer au chapitre sur les directives personnalisées de vue. Cela signifie simplement qu'une directive est également définie dans votre plug-in. Bien entendu, vous pouvez également définir des filtres et d'autres opérations. Tout dépend de ce que vous souhaitez faire avec ce plug-in🎜. 🎜4 Méthode d'instance, rappelez-vous le concept de classe en JS et la signification de la chaîne de prototypes. Si vous ne le comprenez pas, jetons d'abord un coup d'œil à ces contenus de base.
Ici, je peux vous l'expliquer. Les méthodes d'instance peuvent être appelées à l'intérieur du composant via this.$myMethod🎜.

Answer 2

1. Méthode globale = méthode statique de classe

2. Ressources globales = instructions globales, qui sont des instructions similaires à v-for, mais personnalisées

3. Méthode d'instance globale = méthode d'instance de classe

Deuxième point, veuillez consulter directement le chapitre des instructions personnalisées de vue 1 et 3 sont du contenu JavaScript, veuillez trouver le livre de référence par vous-même.

Answer 3

Jetez simplement un œil au code source du plug-in