VUE - 引入 npm 安装的模块 以及 uuid模块的使用

• Z时代
• 2024-01-10
• 分类：综合

<template>

  <div>

      <form @submit.prevent="addTodo">

        <input v-model="title" type="text" name="title" placeholder="请添加代办事项...">

        <input type="submit" value="添加" class="btn">

      </form>

  </div>

</template>

<script>

/* 引入npm模块 */

import uuid from 'uuid'

export default {

   name:'AddTodos',

   data() {

       return {

           title:'',

       }

   },

   methods: {

       addTodo(){

           const newTodo = {

               id:uuid.v4(),

               title:this.title,

               completed:false

           }

           console.log(newTodo);

           /* 注册事件，由父级触发 */

           this.$emit('handleAdd', newTodo)

           this.title = ''

       }

   },

}

</script>

以上是 VUE - 引入 npm 安装的模块 以及 uuid模块的使用 的全部内容， 来源链接： utcz.com/z/375236.html