【Vue.js】 todolist组件拆分（八）

1、component全局组件

Vue.component('todo-item',{
            template:'
item
'
        })

2、局部组件

A、定义局部组件

var Todo-item={
            template:'
item
'
        })

B、局部组件需要到Vue中声明引用

component:{
  'todo-item'=Todo-item
}

3、外部向组件传参

A、外部定义:content="item",传参
B、组件中定义props:["content"]接收参数
C、在组件模板中参数化引用template:'

{{content}}

'

    
    
    


    

        
hello
        
        click