vue中怎么引入组件

Vue 中引入组件

在 Vue 中，引入组件有两种主要方法：

方法 1：全局注册组件

1. 定义组件：创建一个 .vue 文件，并定义组件的模板和逻辑。
2. 注册组件：在 Vue 应用的根实例中，使用 Vue.component() 方法全局注册组件。例如：

Vue.component('my-component', {  /* 组件代码 */});

之后，可以在任何地方使用注册的组件。

立即学习“前端免费学习笔记（深入）”；

方法 2：局部注册组件

1. 定义组件：与全局注册相同，创建一个 .vue 文件并定义组件。
2. 局部注册组件：在需要使用组件的 Vue 组件中，使用 components 选项和组件名称局部注册组件。例如：

<script>import MyComponent from './my-component.vue';export default {  components: {    MyComponent  }};</script><template><my-component></my-component></template>

局部注册组件只在该特定 Vue 组件中可用。