Vue批量全局引入js及对应方法
步骤：首先。我们要改造我们要映入的外部js文件，改成下面这个格式。
首先我们要改变我们要映入的外部js文件，改成以下这个格式。
都可能需要引用到相同模块(或者插件)。我们不想每个文件都import一次模块。
VUE中如何构建js调用的全局组件
1、定义全局插件 pluginHaha.js Vue.js 的插件应当有一个公开方法 install 。
2、定义Vue全局方法。main.js中定义：Vue.prototype.myfunction = function() {/*你的自定义Vue方法*/} 子组件调用：this.myfunction()；定义Window对象全局方法。
3、这时候，Vue.extend + vm.$mount 组合就派上用场了。
4、很多弹层需要几个同时存在是不确定的（ Notification、Toast 等 ），而且对于通用型的弹层，会在很多疙瘩角落里调用…… 我觉得虽然快捷方法违反 Vue 状态化管理组件的特性，但特殊需求还是应该特殊对待。
5、但是，又好像哪里不太对？是的，这样我们仅仅是引入了一个js，并没有把它形成一个js的插件。
6、主要两种使用方式 一：全局引入方式 （1）使用步骤 通过全局方法 Vue.use() 使用插件。
如何在Vue中建立全局引用或者全局命令
1、定义全局插件 pluginHaha.js Vue.js 的插件应当有一个公开方法 install 。
2、使用方式1：在需要的地方引用进全局变量模块文件，然后通过文件里面的变量名字获取全局变量参数值。在textvue组件中使用：使用方式2：在程序入口的main.js文件里面，将上面那个Global.vue文件挂载到Vue.prototype。
3、全局注册使用Vue.directive()方法来注册一个全局自定义指令，该方法接受两个参数，第一个参数是指令的ID(即名字)；第二个参数是一个定义对象或者函数对象，指令要实现的功能在这个对象中定义。
4、在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue自定义指令有全局注册和局部注册两种方式。
vue项目中引入外部资源js
步骤：首先。我们要改造我们要映入的外部js文件，改成下面这个格式。
目前项目有个需求就是，在vue页面中引入额外的config.js。
首先申明我是window系统下Vue-cli3版本，脚手架整体基于vue2内核。正常js文件如果有使用export向外暴露对象，将js放在src/assets都是可以通过import直接引入。
首先我们要改变我们要映入的外部js文件，改成以下这个格式。
vue引用并使用本地js(局部引用,全局引用)
vue-cli webpack全局引入jquery (1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。
目前项目有个需求就是，在vue页面中引入额外的config.js。
由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。
步骤：首先。我们要改造我们要映入的外部js文件，改成下面这个格式。
Vue插件添加全局方法
1、主要两种使用方式 一：全局引入方式 （1）使用步骤 通过全局方法 Vue.use() 使用插件。
2、Vue 插件是对 Vue 全局功能的扩展，他可以给 Vue 添加全局方法、属性、组件、过滤器、指令等等。通过全局方法 Vue.use () 使用插件。
3、一般在vue中，有很多vue组件，这些组件每个都是一个文件。都可能需要引用到相同模块(或者插件)。我们不想每个文件都import 一次模块。
4、方法二：直接使用vue add style-resources-loader安装 vue add style-resources-loader vue add pluginName 是vue-cli3提供的。vue add 是用yarn安装插件的， yarn源的问题有可能导致失败。
5、又或者如同大部分 Vue 的 ui框架 那样，直接调用 Vue.use(/* 组件 */) 来实现。