vue如何不用路由动态加载组件
时间: 2023-07-02 20:12:03 浏览: 173
Vue提供了异步组件和懒加载的方式来实现不用路由动态加载组件。可以使用`Vue.component()`方法注册一个异步组件,然后在需要使用的地方使用`<component>`标签来动态加载该组件。
具体步骤如下:
1. 使用`Vue.component()`方法注册一个异步组件,如下所示:
```
Vue.component('async-component', function (resolve, reject) {
setTimeout(function () {
resolve({
template: '<div>Async Component</div>'
})
}, 1000)
})
```
2. 在需要使用的地方,使用`<component>`标签来动态加载该组件,如下所示:
```
<component :is="'async-component'"></component>
```
这样就可以在不使用路由的情况下,动态加载组件了。需要注意的是,异步组件只会加载一次,之后会被缓存起来,以提高性能。
阅读全文