vue lodash

// 引入 Vue 和 lodash
import Vue from 'vue';
import _ from 'lodash';

// 创建一个 Vue 实例
new Vue({
  el: '#app',
  data: {
    items: [
      { name: 'Apple', price: 10 },
      { name: 'Banana', price: 5 },
      { name: 'Orange', price: 8 }
    ]
  },
  computed: {
    // 使用 lodash 的 sortBy 方法对 items 进行排序
    sortedItems() {
      return _.sortBy(this.items, 'price');
    }
  },
  methods: {
    // 使用 lodash 的 find 方法查找特定条件的 item
    findItemByName(name) {
      return _.find(this.items, { name });
    }
  }
});

// 解释说明：
// 1. 我们首先引入了 Vue 和 lodash 库。
// 2. 在 Vue 实例中，我们定义了一个包含多个对象的数组 `items`。
// 3. 使用 lodash 的 `sortBy` 方法在计算属性 `sortedItems` 中对 `items` 按价格进行排序。
// 4. 使用 lodash 的 `find` 方法在方法 `findItemByName` 中根据名称查找特定的 item。