vue2 怎么局部注册子组件
时间: 2023-09-13 07:06:35 浏览: 152
vue 组件 全局注册和局部注册的实现
5星 · 资源好评率100%
你可以使用 Vue 的 `components` 属性来局部注册子组件。下面是一个示例:
```vue
<template>
<div>
<my-component></my-component>
</div>
</template>
<script>
import MyComponent from './MyComponent.vue';
export default {
components: {
'my-component': MyComponent
}
}
</script>
```
在上面的示例中,我们通过 `import` 导入了 `MyComponent` 组件,然后在 `components` 对象中将其注册为 `'my-component'`。这样就可以在模板中使用 `<my-component></my-component>` 标签来引用这个子组件了。
请确保 `MyComponent.vue` 文件位于当前组件的目录下,并且文件名和路径正确。
阅读全文