Vue2组件注册：全局组件和局部组件

在Vue 2 中，你可以使用全局注册和局部注册两种方式注册组件。以下是两种方式的示例：

• 全局注册

全局注册的组件可以在整个应用中使用，适用于高频的通用组件。

// 在 main.js 或者入口文件中 import Vue from 'vue' import App from './App.vue' import YourComponent from './YourComponent.vue' // 全局注册组件 Vue.component('your-component', YourComponent) new Vue({ render: h => h(App), }).$mount('#app')

在上面的例子中，YourComponent 被全局注册为 'your-component'，然后在 App.vue 或其他组件中就可以直接使用 <your-component></your-component>

• 局部注册

局部注册的组件只能在注册它的组件内部使用。

// 在组件中 <template> <div> <!-- 局部注册组件 --> <your-component></your-component> </div> </template> <script> import YourComponent from './YourComponent.vue' export default { components: { 'your-component': YourComponent } // ... } </script>

在上面的例子中，YourComponent 被局部注册为 'your-component'，只能在该组件内部使用。