其中settings 是assest文件夹中的json, 经过log方法后源文件被改变了。

import vuedraggable from 'vuedraggable'
import RenderString from './RenderString'
import { mapState, mapMutations } from 'vuex'
import settings from '@/assets/settings.json'

export default {
  name: 'ShowArea',
  components: {
    vuedraggable,
    RenderString
  },
  data () {
    return {
      list: [],
      active: -1
    }
  },
  computed: {
    ...mapState({
      attrs: state => state.attrs
    })
  },
  methods: {
    selected (item, index) {
      this.active = index
    },
    log (t) {
      for (let i in t) {
        this.active = t[i].newIndex
        const item = this.list[this.active]
        if (i === 'added') {
          const d = window.Object.assign({}, settings[item.name], { name: item.name })
          console.log(settings) // 这个json文件内容被改变了
          const arr = this.attrs
          arr.splice(this.active, 1, d)
          this.setAttrs(arr)
        }
      }
    },
    ...mapMutations({
      setAttrs: 'changeAttrs',
      setActiveAttrs: 'setActiveAttrs'
    })
  },
  watch: {
    active () {
      this.setActiveAttrs(this.active)
    }
  }
}
</script>