vue 多页面请求的图片宽高为 0 * 0

Question

我开发的项目是多页面应用，创建的第二个html页面，不能使用vue单文件组件的形式开发，所以的DOM结构都写在html页面中，但在html中使用相对路径去引入图片，发现图片返回回来是 0 * 0，这是怎么回事呢，求解

Answer 1

<template>

    <img :src="img_code">

</template>

<script>

  import img_code from '@/assets/images/code.jpg'

export default {

    data(){

        return{

          img_code

        }

       }

    }

</script>