<! DOCTYPE HTML > < HTML lang="en"> <head> <meta charset="UTF-8"> <title> Attribute binding and abbreviation of attribute </title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> window.onload=function(){ let vm=new Vue({ el:'#itany', data:{ url:'https://www.baidu.com', w:'200px', h:'200px', tag:'xxxxx' } }); } </script> </head> <body> <div id="itany"> <! -- <img src="{{url}}"> --> <! -- Can access data directly in VUE without using {{}} --> <! -- <img v-bind:src="url" v-bind:tag="tag"> --> <img :src="url" :width="w" :height="h"> </div> </body> </html>Copy the code