vue.js中组件的基本语法 (全局&局部注册)

在 Vue.js 中，你可以注册全局组件和局部组件。全局组件是在应用程序的任何地方都可以使用的组件，而局部组件只能在父组件中使用。

全局组件注册

全局组件通常用于在整个应用程序中共享的组件。你可以在 Vue 实例创建之前通过 Vue.component 方法来注册全局组件。

// 定义一个全局组件
Vue.component('my-component', {
  // 组件的选项
});

// 创建 Vue 实例
new Vue({
  el: '#app',
  // 其他选项
});

局部组件注册

局部组件通常用于特定的父组件中，只能在该父组件的模板中使用。你可以在父组件的 components 选项中注册局部组件。

// 在父组件中注册局部组件
export default {
  components: {
    'my-component': MyComponent
  },
  // 其他选项
};

在上面的示例中，MyComponent 是你想要注册的组件，my-component 是你在父组件模板中使用的标签名称。

无论是全局组件还是局部组件，它们的定义方式都是一样的，都是通过 Vue 实例的 component 方法来定义组件。只不过全局组件是在 Vue 实例创建之前定义的，而局部组件是在父组件的选项中定义的。

总结一下，全局组件可以在应用程序的任何地方使用，而局部组件只能在特定的父组件中使用。在项目中使用组件时，你可以根据具体情况选择全局注册还是局部注册。