随机生成id——uuid

1.在VScode打开终端安装

npm i nanoid
在这里插入图片描述

2.按需引入nanoid中的nanoid即可

import {nanoid} from 'nanoid'

3.使用nanoid

const todoObj = {id:nanoid(),title:this.title,done:false}

4.举例:

<script>
import {nanoid} from 'nanoid'
   export default {
   name:'MyHeader',
   data() {
      return {
         title:''
      }
   },
   methods:{
      add(e) {
         // 将用户的输入包装成一个todo对象
         const todoObj = {id:nanoid(),title:this.title,done:false}
         
      }
   }
   }
</script>

你可能感兴趣的:(vue.js,前端)