组件化实现简单的toDoList

组件化 将一个页面根据功能分解成多块，每一块定义成一个组件，页面分别引入这些组件。

            如此一来 修改维护页面功能的时候 直接定位到相应组件文件。

 每一个组件其实就是一个Vue实例  组件化其实就是实例化 ，页面由多个Vue实例组成

全局组件   
        Vue.component Vue提供的 创建全局组件

        v-bind 向子组件传入绑定值

       遍历list的时候  将每一项的值赋值给item  把item值通过v-bind绑定到变量 content上 传递给to-do-list组件

	
		
		

		
	

	
		

			
			submit
			

				
				
				
			
		


		
	

局部组件

       var ToDoItem = {
                props:['content'] ,
                template:"

{{content}}

"
        }需要在实例中  通过conpoments中注册

	
		
		

		
	

	
		

			
			submit