在vue中引入lodash

1、使用npm工具安装：

npm i -save lodash \\全局安装

2、在vue中导入使用

<template>
<el-cascader
 v-model="goods_cat"
 :options="cateList"
 :props="cateProps"
 @change="handleChange"
 ></el-cascader>
</template>

<script>
import _ from 'lodash' //导入loadsh插件
export default {
data() {
    return {
    goods_cat: []
        }
    },
methods:{

  add() {
        // 深拷贝lodash  cloneDeep(obj)
        const form = _.cloneDeep(goods_cat)
        form = form.join(',')
        console.log(form)
      })
    }
}
}
</script>

在上面的示例中我运用了lodash中的深拷贝方法，此处使用深拷贝的原因是：
在data中goods_cat动态绑定到级联选择器的v-model中，且goods_cat数据类型为数组，当想将goods_cat以字符串形式打印出来时，编译器会报错。

错误为级联选择器中goods_cat的数据类型错误，所以动态绑定的数据需要复制出一份，且与原来的goods_cat不相关

这时就需要用到loadsh中的cloneDeep深拷贝方法