vue3制作简易版todolist（学习笔记）

知识点

1. 使用vue3开发todolist
2. composition api

 使用vue3开发todolist

1. 定义一个文本框，用来输入todo事件，并且为这个文本框绑定输入事件

2. <script>
      const myview=Vue.creatApp({
          template:'<div>
                      <input :value="inputvalue"@input="handleInputChange"/>
                     </div>'
           setup(){
                const {ref}=Vue;
                let inputvalue=ref('');
                const handleInputChange=(e)=>{inputvalue.value=e.target.value;};
                return{  inputvalue,
                         handleInputChange}}    
        })
       const vm=myview.mount("#mydiv");
   </script>

    

3. 定义一个数组，用来存储代办事项

   <script>
     const app=Vue.creatApp({
        template:'<div> 
                   <input :value="inputvalue" @input="handleInputChange