vue属性

v-bind:src=""

width/height/title....

简写:

:src="" 推荐

<img src="{{url}}" alt=""> 效果能出来，但是会报一个404错误

<img v-bind:src="url" alt=""> 效果可以出来，不会发404请求

实例：

<script>
    window.onload=function(){
        new Vue({
            el:'#box',
            data:{
                url:'https://www.baidu.com/img/bd_logo1.png',
                w:'200px',
                t:'这是一张美丽的图片'
            },
            methods:{
            }
        });
    };
</script>

<div id="box">
    <!--<img src="{{url}}" alt="">-->
    <img :src="url" alt="" :width="w" :title="t">
</div>