Vue编写的todolist小例子

Vue编写的todolist小例子

本篇博客主要包含一个内容：

1.第一个内容：使用Vue编写todolist例子，包含的主要知识是v-model，v-for，el表达式，以及Vue中使用methods。

闲话少叙，直奔主题。

1.第一个内容

使用input中的v-model绑定data中的inputValue，然后button的点击事件handleSubmit将inputValue放入list数组中，v-for使item在list中循环，{{item}}为el表达式，将item的值循环显示出来。

直接上代码：

2. en">
4.     utf-8" />
5.     
6.     name="viewport" content="width=device-width, initial-scale=1">
7.     
10.     

    root">
11.         
12.             text" v-model="inputValue">
13.             handleSubmit">提交
14.         

        

            

for="(item,index) of list" :key="index">

                {{item}}