vue shiyong assets

在 Vue.js 中，我们可以在 assets 文件夹中存储静态资源，如图片、字体等。这些资源可以通过相对路径引用，Vue.js 会自动将它们打包到最终的构建文件中。

在项目中创建 assets 文件夹，在其中添加需要的静态资源。在组件中使用静态资源时，可以使用相对路径进行引用，例如：

<template>
  <div>
    <img src="../assets/logo.png">
    <p>{{ message }}</p>
  </div>
</template>

在上述代码中，我们使用了相对路径 `../assets/logo.png` 引用了 `assets` 文件夹中的 `logo.png` 图片。同样的方法可以用于引用其他类型的静态资源。

需要注意的是，如果使用 Vue CLI 创建的项目，则默认的 webpack 配置会将 `src/assets` 文件夹下的所有静态资源都打包到最终的构建文件中。如果需要自定义打包规则，可以在 `vue.config.js` 中进行配置。