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 或其他组件中就可以直接使用

• 局部注册

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

// 在组件中



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

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