vue 动态引入组件
时间: 2023-12-28 11:05:57 浏览: 121
动态引入组件是Vue中的一个重要特性,它可以在运行时根据需要动态加载组件,从而提高应用程序的性能。下面是两种Vue动态引入组件的方法:
1.使用import()函数动态引入组件
```javascript
component: () => import('@/components/MyComponent.vue')
```
其中,@表示src目录,MyComponent.vue是你要引入的组件名称。
2.使用resolve函数动态引入组件
```javascript
const component = resolve => require(['@/components/MyComponent.vue'], resolve)
```
其中,@表示src目录,MyComponent.vue是你要引入的组件名称。
阅读全文