在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 相关文章推荐
js 获取class的元素的方法 以及创建方法getElementsByClassName
Mar 11 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
Dec 09 Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
js轮播图代码分享
Jul 14 Javascript
Angular.js中$apply()和$digest()的深入理解
Oct 13 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
Nov 03 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
jQuery实现表单动态添加数据并提交的方法
Jul 19 jQuery
Vue 使用formData方式向后台发送数据的实现
Apr 14 Javascript
javascript函数式编程基础
Sep 15 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
smarty基础之拼接字符串的详解
2013/06/18 PHP
PHP读取RSS(Feed)简单实例
2014/06/12 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
php合并数组中相同元素的方法
2014/11/13 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
jQuery写fadeTo示例代码
2014/02/21 Javascript
jQuery中extend函数详解
2015/02/13 Javascript
javascript中的正则表达式使用指南
2015/03/01 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
vue element-ui之怎么封装一个自己的组件的详解
2019/05/20 Javascript
JS简易计算器实例讲解
2020/06/30 Javascript
[15:46]教你分分钟做大人——沙王
2015/03/11 DOTA
python多重继承实例
2014/10/11 Python
python导入坐标点的具体操作
2019/05/10 Python
pandas删除行删除列增加行增加列的实现
2019/07/06 Python
用django设置session过期时间的方法解析
2019/08/05 Python
Python timer定时器两种常用方法解析
2020/01/20 Python
python raise的基本使用
2020/09/10 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
日本卡普空电视游戏软件公司官方购物网站:e-CAPCOM
2018/07/17 全球购物
简历中个人自我评价范文
2013/12/26 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
装修施工安全责任书
2014/07/24 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
财务总监岗位职责
2015/02/03 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
廉洁自律承诺书范文
2015/04/28 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js