Vuejs 实现简易 todoList 功能与组件实例代码

结合之前 Vuejs 基础与语法 •使用 v-model 双向绑定 input 输入[内容]

与数据 data •使用 @click 和 methods 关联事件 •使用 v-for 进行数据循环展示

组件与实例的关系

Vue 之中，每一个组件其实也是一个 Vue 的实例。因此在 Vue 项目中，是一个个实例构建而成的。
因此组件之中，也可以绑定 @click 事件，添加 methods 属性。

(1) computed:

当一个属性受多个属性影响的时候就需要用到 computed

最典型的例子：购物车商品结算的时候

(2) watch:

当一条数据影响多条数据的时候就需要用 watch

例子：搜索数据