Vue教程(八)v-bind指令动态绑定
生活随笔
收集整理的這篇文章主要介紹了
Vue教程(八)v-bind指令动态绑定
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Vue教程(八)v-bind指令動(dòng)態(tài)綁定
v-bind動(dòng)態(tài)綁定
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>08_bind</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <h3>模板語法</h3> <div id="app"><img v-bind:src="sinaImg"><a v-bind:href="sina">新浪</a><img :src="qqImg" /><a :href="qq">騰訊網(wǎng)</a> </div> <script>const app = new Vue({el: "#app",data: {sina: "http://sina.com.cn",sinaImg:"http://www.sina.com.cn/i1.sinaimg.cn/dy/deco/2013/0329/logo/LOGO_1x.png",qq:"https://www.qq.com/",qqImg:"https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/qq_logo_2x.png"}}); </script> </body> </html>????– 以上為《Vue教程(八)v-bind指令動(dòng)態(tài)綁定》，如有不當(dāng)之處請指出，我后續(xù)逐步完善更正，大家共同提高。謝謝大家對我的關(guān)注。
——厚積薄發(fā)(yuanxw)
總結(jié)
以上是生活随笔為你收集整理的Vue教程(八)v-bind指令动态绑定的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php 公众号验证回调方法_微信公众号运
- 下一篇： wps一直显示正在备份怎么办_wps怎么