v-bind

v-bind 指令用于将 HTML 属性动态绑定到数据。该指令的简写形式是 :

示例

<script setup>
  import { ref } from 'vue';
  const image_url = ref("path/to/image.png")
</script>

<template>
  <img :src="image_url" />
</template>