Vue2.0主页调用子组件

在Vue2.0中，调用子组件需要在父组件中注册子组件，并在模板中使用标签来引用子组件。

步骤如下：

1.在父组件中注册子组件：

import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    'child-component': ChildComponent
  },
  //...
}

这里使用`import`语句导入子组件，并通过`components`选项将其注册为`child-component`。

2.在父组件模板中使用子组件：

<template>
  <div>
    <child-component></child-component>
  </div>
</template>

这里使用`<child-component>`标签来引用子组件。

注意：子组件的名称需要使用短横线分隔命名，而不是驼峰式命名。例如上述代码中的`child-component`而不是`ChildComponent`。

当父组件被渲染时，子组件也会被渲染，并显示在父组件中。