vue项目使用lodash

1.安装

npm install lodash -S

2.导入
(1)方式一:在main.js中导入

//全部导入
import _ from 'lodash'
//只导入需要的模块
import cloneDeep from "lodash/cloneDeep";

挂载到vue原型上
Vue.prototype._ = _  //全部导入的挂载方式
Vue.prototype.cloneDeep = cloneDeep //导入某个功能的挂载方式

3.在需要的组件中使用

<script>
export default {
  data() {
    return {
      test: {
        name: "123",
        age: 18,
        friends: {
          name: "zhansgan",
          age: 13,
          grilFriend: {
            name: "hanmeimei",
            age: 12,
          },
        },
      },
    };
  },
  mounted() {
    this.cloneDeepDemo();
  },
  methods: {
    // 封装一个深度克隆的函数
    cloneDeepDemo() {
      var that = this;
      let deep = this.cloneDeep(that.test);
    },
  },
};
</script>

现在得到的deep对象就是深度克隆以后的独立对象了，他和data中的test对象有同样的字段但是却是两个独立的个体