关于vue.js:Vueuse使用-与-插件作用

Vue.use()

  • Vue.use 到底有什么用?

用于装置Vue插件,其实就是调用插件里的install办法,接下来你必定会问:“ 那插件到底有什么用? ” (看上面插件)

  • 为何 Vue.use() 必须在调用 new Vue() 之前调用?

次要都是因为装置组件时,组件给Vue增加全局性能,所以必须写在new Vue() 之前,否则创立的Vue实例无奈获取插件增加的Vue全局性能

Vue 插件

  • 如何定义?
1、插件是对象,必须蕴含install函数
2、插件是函数,它会被作为install办法

install函数承受2个参数:第一个Vue构造函数,第二个是选项对象
  • 有什么作用?
给Vue增加全局性能(相当于为某个性能做筹备),个别有以下几种用法

1.  增加全局办法 或者 属性。(不能与Vue本来全局办法和属性重名)
Vue.myGlobalMethod = function () { // 逻辑... }
Vue.age = 18;
    
2.  增加全局资源:指令/过滤器/过渡等。
Vue.directive('my-directive', { 
    bind (el, binding, vnode, oldVnode) { // 逻辑... }
});
    
3.  通过全局混入来增加一些组件选项。
Vue.mixin({ created: function () { // 逻辑... } })
    
4.  增加 Vue 实例办法,通过把它们增加到 `Vue.prototype` 上实现。
Vue.prototype.$myMethod = function (methodOptions) { 
    // 逻辑... 
}
    
5.  一个库,提供本人的 API,同时提供下面提到的一个或多个性能。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理