vue如何不用路由动态加载组件
时间: 2023-07-02 22:12:12 浏览: 156
vue实现路由懒加载及组件懒加载的方式
Vue提供了一个异步组件工厂函数来实现不用路由动态加载组件,可以通过在组件定义中使用`import()`语法来实现异步加载。
例如,假设你有一个组件`MyComponent`,你可以使用如下代码来异步加载它:
```
Vue.component('my-component', () => import('./MyComponent.vue'))
```
这样就可以在需要使用`<my-component>`标签的地方动态加载`MyComponent`组件。当然,你也可以将异步组件注册到某个父组件中,例如:
```
export default {
components: {
'my-component': () => import('./MyComponent.vue')
}
}
```
这样就可以在父组件中通过`<my-component>`标签来动态加载`MyComponent`组件了。
阅读全文