
第一步,创建静态页面vbind.html,并引入vue.js文件
第二步,在主体里插入一个div标签元素,并在div中插入img元素,利用v-bind绑定img的src属性
第三步,利用Vue.js代码绑定src属性,默认为项目中的图片
第四步,由于图片比较小,添加一个间隔,padding属性
第五步,预览该静态页面,这时在页面上显示一个小图片
第六步,打开浏览器下方调试工具,可以看到div中的img的src属性值
欢迎分享,转载请注明来源:内存溢出

第一步,创建静态页面vbind.html,并引入vue.js文件
第二步,在主体里插入一个div标签元素,并在div中插入img元素,利用v-bind绑定img的src属性
第三步,利用Vue.js代码绑定src属性,默认为项目中的图片
第四步,由于图片比较小,添加一个间隔,padding属性
第五步,预览该静态页面,这时在页面上显示一个小图片
第六步,打开浏览器下方调试工具,可以看到div中的img的src属性值
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)