vue2和vue3+ts+vite项目的区别汇总

引入图片方式（使用require方式引入图片）

html

<img :src="getAssetsImages(children.icon.type)" alt="" style="width: 35px;height: 35px;">

vue2：

// 动态获取图片
const getAssetsImages = (name) => {
  return require(`/src/common/images/menu/${name}.png`)
}

vue3+ts+vite

// 动态获取图片
const getAssetsImages = (name) => {
  return new URL(`/src/common/images/menu/${name}.png`, import.meta.url).href
}