通过import加载组件 无论组件是否被用到都会被加载进来
这样子如果没有使用到某一个组件就就会导致性能较差
import Recommend from "../view/Recommend";
import Singer from "../view/Singer";
import Rank from "../view/Rank";
import Search from "../view/Search";
为了提高性能我们使用按需加载组件 用到哪个就加载哪一个
// 实现Vue组件的按需加载
const Recommend = (resolve) => {
import('../view/Recommend').then((module) => {
resolve(module)
})
}
const Rank = (resolve) => {
import('../view/Rank').then((module) => {
resolve(module)
})
}
const Singer = (resolve) => {
import('../view/Singer').then((module) => {
resolve(module)
})
}
const Search = (resolve) => {
import('../view/Search').then((module) => {
resolve(module)
})
}