vue2中如何使用已在别的页面注册完成的组件
时间: 2024-09-11 14:11:25 浏览: 22
在Vue2中,如果要在不同的页面使用已经在其他页面注册完成的组件,可以通过全局注册或局部注册的方式来实现。
1. 全局注册:
你可以在创建Vue根实例之前,通过Vue.component方法对组件进行全局注册。一旦组件被全局注册,那么它就可以在任何新创建的Vue根实例的模板中被使用。
```javascript
// 全局注册组件
Vue.component('my-component', {
template: '<div>A custom component!</div>'
});
// 创建根实例
new Vue({
el: '#app'
});
```
在这个例子中,`<my-component>`可以在根实例对应的DOM元素中的任何地方使用。
2. 局部注册:
如果你不想全局注册组件,也可以在特定的组件内部进行局部注册。局部注册的组件只能在该组件内部使用。
```javascript
// 局部注册组件
var Child = {
template: '<div>A custom component!</div>'
};
new Vue({
el: '#app',
components: {
// 在这里注册组件
'my-component': Child
}
});
```
在这个例子中,`<my-component>`可以在与`Child`组件相同的模板中使用。