在vue里面设置全局变量或数据的方法


Posted in Javascript onMarch 09, 2018

实例如下:

const MyPlugin = {
 // install方法是必需的
// // 包含两个参数:Vue 构造器,一个可选的选项对象

 install(Vue, options) {

  Vue.prototype.test = "test" ;
  Vue.prototype.wechat = "my wechat!";

 }
};
export default MyPlugin

此方法可以单独起一个文件,在引入到需要的页面里面,就可以用vue实例取到相应数据,像以下use后,取数据时和取每个模块里面的data里面的数据方法是一样的

import MyPligin from './**/api'; //引入全局变量 
Vue.use(MyPligin);

以上这篇在vue里面设置全局变量或数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript function调用时的参数检测常用办法
Feb 26 Javascript
高效的获取当前元素是父元素的第几个子元素
Oct 15 Javascript
Node.js安装教程和NPM包管理器使用详解
Aug 16 Javascript
json实现前后台的相互传值详解
Jan 05 Javascript
详解springmvc 接收json对象的两种方式
Dec 06 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
Jan 19 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
JavaScript new对象的四个过程实例浅析
Jul 31 Javascript
element vue Array数组和Map对象的添加与删除操作
Nov 14 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
JS中准确判断变量类型的方法
Jun 01 Javascript
JavaScript 空间坐标的使用
Aug 19 Javascript
vue2 全局变量的设置方法
Mar 09 #Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 #Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 #Javascript
JavaScript实现微信号随机切换代码
Mar 09 #Javascript
AngularJS中重新加载当前路由页面的方法
Mar 09 #Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 #Javascript
vue+element-ui+ajax实现一个表格的实例
Mar 09 #Javascript
You might like
《PHP编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
php 备份数据库代码(生成word,excel,json,xml,sql)
2013/06/23 PHP
PHP迭代器实现斐波纳契数列的函数
2013/11/12 PHP
PHP中上传多个文件的表单设计例子
2014/11/19 PHP
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
使用javascript实现页面定时跳转总结篇
2013/09/21 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
vue货币过滤器的实现方法
2017/04/01 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
2017/06/19 Javascript
JavaScript闭包_动力节点Java学院整理
2017/06/27 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
2019/05/14 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
ng-alain的sf如何自定义部件的流程
2020/06/12 Javascript
python解析html提取数据,并生成word文档实例解析
2018/01/22 Python
python正则表达式去除两个特殊字符间的内容方法
2018/12/24 Python
python opencv 图像拼接的实现方法
2019/06/27 Python
python提取xml里面的链接源码详解
2019/10/15 Python
Python高级编程之继承问题详解(super与mro)
2019/11/19 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
HTML5中使用postMessage实现两个网页间传递数据
2016/06/22 HTML / CSS
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
企业出纳岗位职责
2014/03/12 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
2015年清明节网上祭英烈留言寄语
2015/03/04 职场文书
团队合作精神学习心得体会
2016/01/19 职场文书
《揠苗助长》教学反思
2016/02/20 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
创作书写之导游词实用技巧分享(干货)
2019/12/20 职场文书