vue之踩坑之 img图片无法显示

问题描述：

img的src已经成功显示，也给img设置了宽高等等，但是审查元素的时候，宽高依然显示为0，在确保自己写的样式是没有问题的情况下，第一次感觉到代码的叛逆

解决方案：

1. 在写css的时候，不能给img标签本身加样式，在组件中直接给img加上 width：100%，height：100%；有相关的样式，可以再组件中写行间样式，或者是给img标签嵌套一个元素，将相关的样式添加在父级元素身上。

2. 如果以上修改依然没有出来，将img的src用require引入

this.sexImg = require("../../assets/images/funs/man.png")
<img :src="sexImg" alt="" width="100%" height="100%">