Vue中建立全局引用或者全局命令的方法

如何在Vue中建立全局引用或者全局命令，具体内容如下

1 一般在vue中，有很多vue组件，这些组件每个都是一个文件。都可能需要引用到相同模块(或者插件)。我们不想每个文件都import 一次模块。

如果是基于vue.js编写的插件我们可以用 Vue.use(...)

main.js

2 但是如果想添加一个全局命令，同时又让每个vue的文件都能用到怎么办？

第一步：最好建立一个全局的命令文件例如：directive/directive.js

第二步：利用Vue.directive()建立一个全局命令，并将它暴露出来，例如一个focus 让表单自动聚焦

directive.js

第三部步：在main.js（入口JS文件）中将它引入，可以省略文件后缀

main.js

这样任何一个Vue文件只要这样v-focus(命令名)，就可以很方便的用到了

3 Vue.directive() 的命令一般都是自动运行的或者说初始化等等触发的，并不能用于异步事件，怎么办？

于是我们可以用到'mixins'混合命令，你最好建立一个专门的文件夹用于存放混合命令，例如：

mixins.js

比如saveScrollPosition （不是vue中的saveScrollPosition）可以每次在路由跳转之间保存住浏览位置信息

注意：vue2.0 中 路由跳转之间会自动保存位置信息 但是有Bug（位置信息之间会相互干扰）。

所以我们从新写一个saveScrollPosition暴露出去后，在你需要的页面中混入

这样就会很方便。

4 如果你需要应用一个插件，同时他并不是基于vue.js的插件命令编写的，那你可以将它赋予Vue的原型上

例如：我想全局引用axios，我们可以这样

main.js

然后this.$http.get(url) 等等

xxx.vue

5 将需要的变量挂在到window对象上

例如：第三方库Lodash.js,moment.js等等

main.js

xxx.vue

注意：这种方式不适合服务端渲染，服务端并没有window对象

强调一点：以上所有的引入都必须通过入口JS文件去引入，这样才能适用于全局

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Vue  # 全局引用  # 全局命令  # vue bus全局事件中心简单Demo详解  # 详解Vue使用 vue-cli 搭建项目  # 在Vue组件中获取全局的点击事件方法  # vue-cli 使用vue-bus来全局控制的实例讲解  # 都是  # 将它  # 建立一个  # 我们可以  # 跳转  # 很方便  # 服务端  # 我想  # 就会  # 如果你  # 有很多  # 都能  # 是基于  # 可以用  # 适用于  # 那你  # 任何一个  # 挂在  # 不适合  # 或者说 

相关文章： seo网站制作优化,网站SEO优化步骤有哪些？  盐城做公司网站,江苏电子版退休证办理流程？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  山东云建站价格为何差异显著？  用v-html解决Vue.js渲染中html标签不被解析的问题  网站制作话术技巧,网站推广做的好怎么话术？  建站DNS解析失败？如何正确配置域名服务器？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  宝塔建站无法访问？如何排查配置与端口问题？  如何基于PHP生成高效IDC网络公司建站源码？  如何用PHP快速搭建CMS系统？  建站之星导航菜单设置与功能模块配置全攻略  如何用狗爹虚拟主机快速搭建网站？  建站之星3.0如何解决常见操作问题？  网站设计制作企业有哪些,抖音官网主页怎么设置？  如何在阿里云高效完成企业建站全流程？  如何通过老薛主机一键快速建站？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  建设网站制作价格,怎样建立自己的公司网站？  如何快速选择适合个人网站的云服务器配置？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  官网网站制作腾讯审核要多久,联想路由器newifi官网  如何快速辨别茅台真假？关键步骤解析  如何在腾讯云服务器快速搭建个人网站？  建站之星ASP如何实现CMS高效搭建与安全管理？  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  建站主机如何选？高性价比方案全解析  建站之星多图banner生成与模板自定义指南  中山网站制作网页,中山新生登记系统登记流程？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  油猴 教程,油猴搜脚本为什么会网页无法显示？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  制作网站外包平台,自动化接单网站有哪些？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  建站主机选购指南：核心配置优化与品牌推荐方案  沈阳制作网站公司排名,沈阳装饰协会官方网站？  建站VPS能否同时实现高效与安全翻墙？  代刷网站制作软件,别人代刷火车票靠谱吗？  无锡营销型网站制作公司,无锡网选车牌流程？  如何快速查询域名建站关键信息？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  建站之星上传入口如何快速找到？  手机网站制作与建设方案,手机网站如何建设？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  非常酷的网站设计制作软件,酷培ai教育官方网站？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何用已有域名快速搭建网站？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？