自定义Vue插件

       在vue项目中，需要用到公共的方法时，可以将这些方法写在插件里。在插件里可以自己定义全局的变量，过滤器、指令、实例上的方法等。

使用插件可以为vue添加全局功能，包括全局方法或属性、全局资源（指令、过滤器、过渡等）、通过全局mixin方法添加一些组件选项、添加实例方法、添加库；目前项目中只用到了实例方法与全局的属性，之后有机会会更多的使用插件来做，后续再更新文档。

下面简要介绍一下插件的使用步骤：

1、声明插件

创建一个js文件，用来作为插件来使用。

export default {

install: function( Vue, options){

Vue. prototype. AUTHINFO = '';

let temp = ''

Vue. prototype. refactorData = function( val, options){

let _this = this;

a( val, options)

function a( val, options){

for( let i = 0; i < options. length; i++){

if( val == options[ i]. menuUrl){

temp = options[ i]. menuTrees;

Vue. prototype. AUTHINFO = temp;

break;

} else{

if( options[ i]. menuTrees && options[ i]. menuTrees. length != 0 && ! options[ i]. menuTrees[ 0]. optTag){

a( val, options[ i]. menuTrees)

}

}

}

}

return temp

}

}

}

}2、在main.js中引入

//引入插件

import common from './assets/utils/common'

Vue. use( common)

3、在组件中使用

let a = this. refactorData( 'zdyjcxgl', this. $store. state. permissionsInfo. menuList. menuTrees);