Vue之组件化应用构建

1.声明组件

Vue.component('组件的名称',{
    template: '
标题一
'
});

// 示例

Vue.component('todo-item',{
    template: '
标题一
'
});

2.使用组件

<组件的名称>

// 示例

3.详细描述

A），组件是可以复用的，它就相当于HTML标签

B），可以通过将动态的数据传入组件当中去。如下：

// 通过props属性指定传入组件中的参数名
Vue.component('todo-item', {
  props: ['todo'],
  template: '
{{todo}}
'
});
// 使用

C），也可以在组件里面使用v-for指令，v-bind指令等等