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

念桥上风景,为你痴守一世繁华。旅行的意义不在于浏览风景,而是到一个完全陌生的环境,放空自己,感受享受孤独!

实例如下:

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里面设置全局变量或数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
在vue-cli3.0 中如何使用预处理器 (Sass/Less/Stylus) 配置全局变量操作

vue项目中定义全局变量、函数的几种方法

在vue项目中 如何实现定义全局变量 全局函数操作

vue中配置scss全局变量的步骤

在vue-cli 3中给stylus、sass样式传入共享的全局变量