vue 不同组件之间参数的传递 -> global

说说vue组件中参数的传递

在开发中经常会用到不同之间组件数据的传递。

下面说说怎么来通过自定义global 对vue中不同组件的数据传输。

 

首先 在 assets 中创建js文件global.js ,内容如下：

const base = {
  modelName:'wxyd'
}
//用户信息
const userSite = {
  id:'222',
  userId:'222',
  deviceId:'000000'
}

export default {
  base,
  userSite
}

在main中的引用如下：

import global from '@/assets/Global'


Vue.prototype.myGlobal=global;

页面中对global的读写如下，以base的modelName为例：

        //写入
        this.myGlobal.base.modelName = "2";
        //读取
        console.log(this.myGlobal.base.modelName);

 

 

很简单的一种用法。