BUG随笔（1）vue中的图片链接url如何使用

【错误】：从数据库拿到图片链接url，直接 v-for 连接到<img>标签的 src = {{ item.url }}属性

【错误原因】: vue经过编译后，把图片链接当作普通文本类型，导入的图片无法加载

【修正方法】：

                先把图片链接url存储到data()函数中的数组，

                然后把数组用v-bind指令绑定到<img>标签的 src 属性。

        1、获取图片链接url ， 存储到 data（）函数的数组中

        this.brandList = response.data.object; 
        for(let i=0;i<response.data.object.length;i++){
          this.imagesUrl[i] = response.data.object[i].categoryIconUrl;  
        }

        2、使用v-bind指令，把数组绑定到 img 标签的 src 属性上

        <el-row  v-for="(item,index) in brandList">
            <img :src=imagesUrl[index] class="image">
        </el-row>