vue中怎么将很长的变量单独写在其它js中？

vue中怎么将很长的变量单独写在其它js中？

1. 新建js文件(我的命名为utils)，内部写上变量，如下图

export default {
	externalVariables() {
        let arr =  [1,2,3];
        let obj = {a:1};
        let num = 1;
        let str = '1';
        return {
            arr,
            obj,
            num ,
            str,
        }
    }
}

2. 在vue的文件里先导入此文件

import utils from '../utils'

3. 然后在data中写下

data() {
    return {
      ...utils.externalVariables(),
      currentVariable:'now'
     }
},

此时data中定义的变量就包括外部js中的变量（arr,obj,num,str）和当前vue文件中内部添加的变量（currentVariable）了