vue3组件注册

注册

一个 Vue 组件在使用前需要先被“注册”,这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册。

1. 全局注册组件:

在 Vue 3 中,可以使用createApp方法创建一个应用实例,并使用其component方法全局注册组件。全局注册的组件可以在整个应用中的任何地方使用。

// 创建一个 Vue 应用实例
const app = createApp({/* options */});

// 全局注册一个组件
app.component('my-component', {
  // 组件的选项
});

// 挂载应用
app.mount('#app');

2. 局部注册组件:

局部注册的组件需要在使用它的父组件中显式导入,并且只能在该父组件中使用。

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue';

export default {
  components: {
    'my-component': MyComponent
  },
  // 其他组件选项
};
</script>

使用

你可能感兴趣的:(vue.js,前端,javascript,Props)