new URL('../../assets/img/applyList.png', import.meta.url).href 这个在vue中如何使用

在Vue中，可以使用`require`函数或者`import`语句来加载图片。下面分别讲解如何使用`require`函数和`import`语句来实现上述代码的功能。

使用`require`函数加载图片：

<template>
  <div>
    <img :src="applyListImg" alt="">
  </div>
</template>

<script>
export default {
  data() {
    return {
      applyListImg: ''
    }
  },
  mounted() {
    this.applyListImg = require('../../assets/img/applyList.png')
  }
}
</script>

在上面的代码中，使用`require`函数加载图片，并将其赋值给`applyListImg`属性，最后将`applyListImg`绑定到img的src属性上。

使用`import`语句加载图片：

<template>
  <div>
    <img :src="applyListImg" alt="">
  </div>
</template>

<script>
import applyListImg from '@/assets/img/applyList.png'

export default {
  data() {
    return {
      applyListImg: ''
    }
  },
  mounted() {
    this.applyListImg = applyListImg
  }
}
</script>

在上面的代码中，使用`import`语句加载图片，并将其赋值给`applyListImg`属性，最后将`applyListImg`绑定到img的src属性上。

需要注意的是，`@`表示项目根目录，因此需要在`vue.config.js`中配置别名，以便`import`语句可以正确加载图片。例如：

module.exports = {
  // ...
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  },
  // ...
}

这样在使用`import`语句加载图片时，就可以使用`@`来代替项目根目录了。