app.vue @import "./static/tabbar_icon/icon_sel_audit@2x.png";图片怎么引入

在Vue组件的样式中引入static目录下的图片，同样可以使用相对路径或者绝对路径。

如果你的组件样式是写在`<style>`标签中的，那么可以这样引入static目录下的图片：

<template>
  <div class="my-component"></div>
</template>

<style>
.my-component {
  background-image: url(../static/tabbar_icon/icon_sel_audit@2x.png);
}
</style>

这里的`..`表示返回上一级目录，然后进入static目录，找到对应的图片。

如果要使用别名引入static目录下的图片，可以这样写：

<template>
  <div class="my-component"></div>
</template>

<style>
.my-component {
  background-image: url('@/static/tabbar_icon/icon_sel_audit@2x.png');
}
</style>

需要注意的是，如果使用别名引入静态资源，需要在webpack配置中进行相应的配置。另外，如果你的组件样式是写在单独的`.css`文件中的，那么引入图片的方式和在普通的CSS文件中一样。

相关问题

@import "../../colorui/icon.wxss"; 转为vue格式

在Vue中，可以在组件的`<style>`标签中使用`@import`指令来引入外部的CSS文件。因此，可以将该代码转换为以下Vue格式：

<style lang="scss">
  @import "../../colorui/icon.wxss";
  /* 其他的样式定义 */
</style>

需要注意的是，Vue中可以使用不同的CSS预处理器（如SCSS、Less等），因此在实际使用时需要根据项目的实际情况来选择使用何种语法。

import Vue from 'vue' import App from '@/App.vue'

这段代码是在使用Vue.js框架创建一个应用，并引入了App.vue组件。其中，Vue是一个构造函数，用于创建Vue实例；而App.vue则是一个单文件组件，包含了该应用的视图和逻辑。在实际开发中，我们通常会在main.js文件中创建Vue实例，并将其挂载到HTML页面的某个元素上，例如：

import Vue from 'vue'
import App from '@/App.vue'

new Vue({
  render: h => h(App)
}).$mount('#app')

上述代码中，我们使用new关键字创建了一个Vue实例，并将App.vue组件作为根组件进行渲染。其中，render函数用于将组件渲染为虚拟DOM，而$mount方法则将虚拟DOM挂载到HTML页面上的一个元素上，这里是id为"app"的元素。