vue 定义全局函数和变量

背景

最近我在整一个网站,介绍一些有意思的网站和实用工具的网站并且把他们收集起来,网站刚建有些不成熟希望给点意见

我用的是前端框架的vue, 但是我没有打包,直接甩到服务器上了,

不想扯了,

步骤

1. 在main.js同一级创建一个global.js文件

在里面添加

exports.install = function (Vue, options) {
    Vue.prototype.isshow = true;
};

global.js文件就用来定义全局变量和方法

2,在main里面进行导入和实例化一下

import global from './global'//引用
Vue.use(global);//将全局函数当做插件来进行注册

3.在组件里面调用

我是写了一个按钮

methods: {
        showorhide: function() {
            console.log(this.isshow)
 } },

这样就可以了