主要是组件的灵活性变强了,比如
<template>
<div> <!-- 异步组件 -->
<FormDemo v-if="showFormDemo"/>
<button @click="showFormDemo = true">show form demo</button> <
/div>
</template>
<script>
export default {
components: { FormDemo: () => import('./FormDemo')
},
data() {
return { showFormDemo: false } }
}
</script>
这种写法我以前是不会考虑的,但是这样异步加载,灵活性很强,也更节省性能