vue img不会从data()呈现object.value

在Vue中，如果要将一个图片显示在页面上，可以使用<img>标签，并将其src属性绑定到Vue实例的数据中。在data()中定义一个属性，例如imageUrl，然后在<img>标签中使用v-bind指令将src属性绑定到imageUrl。

以下是一个示例代码：

<template>
  <div>
    <img :src="imageUrl" alt="Vue Image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/image.jpg'
    };
  }
};
</script>

在上述代码中，imageUrl属性被初始化为一个图片的URL。当Vue实例渲染时，<img>标签的src属性将会被绑定到imageUrl的值，从而显示该图片。

需要注意的是，imageUrl的值应该是一个有效的图片URL。如果imageUrl是一个对象的属性，可以通过object.property的方式来访问。如果imageUrl是一个对象的属性值，可以使用object.property.value的方式来访问。

关于Vue的更多信息和使用方法，可以参考腾讯云的Vue.js产品介绍页面：Vue.js产品介绍