todolist功能开发

需求：提交项显示到列表中。

todolist组件拆分

组件：就是页面上的某一部分，将一个大网页拆分成几个部分，每部分就是 一个组件。比如，li标签当足够复杂后就可以拆分成组件。

定义组件： Vue.component('组件名称')，这种定义方式叫全局组件，定义好之后可以在任意地方使用。

局部组件

1，var 定义

2，compents中注册局部组件

组件间通信

希望组件模板中显示的item不是固定死的值，而是外部传递进来的一个参数。

props: props['content']本组件接受从外部传递进来的名字叫content的属性.

组件与实例的关系

每一个vue组件其实就是一个vue实例。

每一组件中都有添加methods、data等属性

实现todolist的删除功能

需求：点击列表项比如dell,删除本列表项

vue是对数据的操作，想要删除列表项，只需要将该列表项的数据从组件中删除即可。

当点击子组件时，需要让子组件与父组件通信，告诉父组件需要将数据删除。

vue中如何实现子组件与父组件的通信？-->发布与订阅模式

子组件中发布自定义事件：

this.$emit('delete',this.index):发布delete方法，参数index

父组件订阅事件：