小编Hib*_*RRR的帖子

这是一个为了显示菜谱并对菜谱进行删除、添加、修改等多种操作的项目，但很多时候我需要为其中的每一项都有一个特殊的标识号，但我是手动编写的，因为它是在状态。比如创建一个菜谱的时候，我想为这个菜谱生成一个新的标识号，这里我手动编写。问题是如何在创建每个菜谱时自动生成它？

在这个文件中，我编写了几个对我创建菜谱有用的函数。商店.js：

import Vue from "vue";
import Vuex from "vuex";
import image1 from "../assets/img/image4.jpg";
import image2 from "../assets/img/image2.jpg";
import image3 from "../assets/img/image3.jpg";
import image4 from "../assets/img/insta2.jpg";
Vue.use(Vuex);
export const store = new Vuex.Store({
  state: {
    loadedIngredients: [
      {
        id: '1',
        Name: "Sugar",
        Quantity: "5kg",
      },
      {
        id: "2",
        Name: "Sugar",
        Quantity: "5kg",
      }
    ],
    loadedRecipes: [
      {
        imageUrl: image3,
        id: "3",
        title: "Homemade Burger",
        description:
          "Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio …