Vue.js 如何在 data 中获取 assets 文件夹图片路径并渲染到页面

在 Vue.js 中，你可以使用 'require' 函数来获取 assets 文件夹中的图片路径，并将其存储在 data 中。然后在页面中使用 'v-bind' 指令将图片路径绑定到 '' 标签的 'src' 属性上。

首先，在 'data' 属性中定义一个名为 'imagePath' 的属性，并将其初始值设置为 'require' 函数获取到的图片路径。

data() {
  return {
    imagePath: require('@/assets/image.jpg')
  }
}

然后，在页面中使用 'v-bind' 指令将 'imagePath' 绑定到 '' 标签的 'src' 属性上。

<img v-bind:src="imagePath" alt="Image">

这样就可以将 assets 文件夹中的图片路径渲染到页面上了。