前端vue如何渲染图片本地路径

在Vue中，如果要渲染本地路径的图片，可以使用`require()`函数来加载图片。`require()`函数可以将图片转换为Webpack模块请求，这样就可以在Vue组件中使用了。

例如，如果你有一张图片保存在`src/assets/images/logo.png`路径下，可以在Vue组件中这样引入并渲染这张图片：

<template>
  <div>
    <img :src="logoUrl" alt="logo">
  </div>
</template>

<script>
export default {
  data() {
    return {
      logoUrl: require('@/assets/images/logo.png')
    }
  }
}
</script>

`require('@/assets/images/logo.png')`会将图片转换为Webpack模块请求，并返回一个URL，然后可以将这个URL绑定到`<img>`标签的`src`属性上。

需要注意的是，`require()`函数只能用于加载静态图片，如果要加载动态图片，需要使用`<img>`标签的`src`属性绑定动态URL。