vue.js插件有什么用

这篇文章主要介绍vue.js插件有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

vue.js插件是通常用来为Vue添加全局功能,插件的功能范围没有严格的限制,通过全局方法【Vue.use()】使用插件,需要在你调用Vue()】【新启动应用之前完成。

插件通常用来为Vue添加全局功能。插件的功能范围没有严格的限制,一般有下面几种:

<李>

添加全局方法或者财产。如:vue-custom-element

<李>

添加全局资源:指令/过滤器/过渡等。如vue-touch

<李>

通过全局混入来添加一些组件选项。如vue-router

<李>

添加Vue实例方法,通过把它们添加到Vue。原型上实现。

<李>

一个库,提供自己的API,同时提供上面提到的一个或多个功能。如vue-router

<强>使用插件

通过全局方法Vue.use()使用插件。它需要在你调Vue()用新启动应用之前完成:

//调用“MyPlugin.install (Vue) ' 　　Vue.use(并且) 　　新Vue ({//榧∠? 　　})

也可以传入一个可选的选项对象:

Vue。使用(并且,{someOption:真})

Vue。使用会自动阻止多次注册相同插件,届时即使多次调用也只会注册一次该插件。

Vue。js官方提供的一些插件(例如vue-router)在检测到Vue是可访问的全局变量时会自动调用<代码> Vue.use()> Vue.use() :

//用Browserify或webpack提供的CommonJS模块环境时 　　var Vue=要求(& # 39;Vue # 39;) 　　var VueRouter=要求(& # 39;vue-router& # 39;)//不要忘了调用此方法 　　Vue.use (VueRouter)

awesome-vue集合了大量由社区贡献的插件和库。

<强>开发插件

Vue。js的插件应该暴露一个<代码> 安装方法。这个方法的第一个参数是Vue构造器,第二个参数是一个可选的选项对象:

并且。安装=function (Vue、期权){//1。添加全局方法或财产 　　Vue。myGlobalMethod=function () {//逻辑…… 　　}//2。添加全局资源 　　Vue.directive (& # 39; my-directive& # 39;, { 　　绑定,绑定(el vnode oldVnode) {//逻辑…… 　　} 　　… 　　})//3。注入组件选项 　　Vue.mixin ({ 　　创建:函数(){//逻辑…… 　　} 　　… 　　})//4。添加实例方法 　　Vue.prototype。$ myMethod=函数(methodOptions) {//逻辑…… 　　} 　　}

以上是“vue.js插件有什么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

vue.js插件有什么用