vue3使用import引入图片资源

1. 引入

在<script>标签内使用import引入 例如

import zhIcon from "@/static/zh.png";
import enIcon from "@/static/en.png";

2. 使用setup的return抛出到template 例如

import { reactive, toRefs } from "vue";
setup() {
  const state = reactive({});
  return {
    ...toRefs(state),
    zhIcon,
    enIcon 
  }
}

3. 在template内部使用 例如（uni内使用image）

<image :src="zhIcon"  />

一点一滴的积累让自己变得强大 奥力给