问题一：怎么在vue中引入本地的json文件

参考链接：https://www.cnblogs.com/wgl0126/p/10773539.html

一开始的时候，我是直接给文件命名以.json结尾的文件类型，网上找了好多文档说要用axios请求，直觉告诉我，不需要这么复杂，于是接着找，终于发现了下面的方法，果然简洁，好用

按着上面的格式命名带有json数据的文件，然后将数据放在js文件里

我是在index.vue中引用的，所以这里展示一下

致此，在index.vue就可以取到layoutData中的json数据了

ps:在index.vue如果要修改原来数据的内容，最好新增一个变量，接着传过来的json数据

问题二：两个相等的数组，修改其中一个怎么做到不改变另外一个

参考链接: https://blog.csdn.net/u014054437/article/details/80415174

其实上面额链接写的很详细了，我只是为了以后自己查阅方便，把这两个问题，整合一起，毕竟是在开发同一个项目的时候遇到的

左边是默认样式，右边是修改后的样式(正常显示)

下面的方框数据，其实就是从json数据中拿出来的，正常情况下，应该是一进来展示页面是左边的默认样式，由于每个方框可以修改大小，可以删除，当修改之后，点击保存按钮页面会将修改之后的数据存下来，但是再次点击默认样式的时候，回不到左图，而页面展示的效果跟修改之后一样。

郁闷了一会，后来查资料才知道：js中array是引用类型，也就是arrA和arrB的原数据存储地址是一样的，arrA和arrB都是对原数据的引用，所以修改其中一个，另一个也会改变。这就好像是现在有一个房间，两扇门，AB两人分别从不同的门进去所看到的的房间是一样的，此时A拿走一个苹果，B会看到房间里少了一个苹果；B从外面带了一瓶饮料回到房间，A也会看到这个房间多了一瓶饮料。

那么问题来了，如果我们要修改其中一个，而需要另外一个数组保持不变，可以怎么做那

方法一：concat()用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

方法二：先JSON.stringfy()后JSON.parse()

方法三：jQuery的extend方法

方法四：Object.assign()方法 或者 [...arr]

ps:需要注意的是，如果是对象数组，即使是用方法一的concat、方法四的Object.assign()或者[...arr]赋值也是会互相影响的：

ss

此时用方法二的先JSON.stringify( ) 后 JSON.parse( )

问题三：vue-cli3 取消关闭eslint 校验代码

选择生成的时候，有一个询问是否把插件配置文件写在package.json文件里，这里我手贱选择了是，现在开始排坑，vue-cli3没有build/webpack.config.base.js文件，这个时候我们有这个文件.eslintrc.js,实际上我们应该在.eslintrc.js文件中修改：删掉 '@vue/standard'就可以了