# 静态引入方式  # 动态引入方法 ~~~ <template> <div> <p>this is swiper</p> <img :src="img_url" alt=""> <!--动态VUE引入图片标签--> </div> </template> <script> export default { data:function (){ return{ img_url:require('@/assets/img/1.png') //图片路径 需要用require()这个路径函数 } } } </script> <style scoped> img{ width:500px; height: 350px; } </style> ~~~ # 引入public里的静态资源 在public下创建一个img文件夹 以下为2种方式 cli里默认找的就是public这个文件夹 ``` <img src="../../public/img/1.png"> ``` ``` <img src="/img/1.png"> ```