Vue-起步（2）

一、TodoList

ToDoList 帮你把要做的事情列出来，一项一项，类似思维导图。(百度解释)

二、新知识

v-for
使用举例：v-for=“item in list”
解释：将数组list（名字随便取）的每一项循环输出，每一项的名称是item（名字随便取）
使用前提：list要定义在vue实例的data里面

效果图：

v-on
使用举例：v-on:click=“handleBtnClick”
解释：绑定一个事件，当点击的时候要执行一个名叫handleBtnClick的方法（方法名称随便取）
使用前提：该方法要定义在vue实例的methods里面

点击提交后效果图：

v-model
使用举例：v-model=“inputVaule”
解释：实现数据inputVaule（名字随便取）的双向绑定，若将其绑定在输入框上，输入框里面的值改变inputVaule就会改变，当inputVaule的值改变输入框里面的值也会改变
使用前提：inputVaule要定义在vue实例的data里面

打开控制台输入app. d a t a . i n p u t V a u l e （ a p p 指 定 义 的 v u e 实 例 a p p , 通 过 data.inputVau