Vue教程(八)v-bind指令动态绑定
生活随笔
收集整理的這篇文章主要介紹了
Vue教程(八)v-bind指令动态绑定
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Vue教程(八)v-bind指令動態綁定
v-bind動態綁定
<!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">騰訊網</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指令動態綁定》，如有不當之處請指出，我后續逐步完善更正，大家共同提高。謝謝大家對我的關注。
——厚積薄發(yuanxw)
總結
以上是生活随笔為你收集整理的Vue教程(八)v-bind指令动态绑定的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php 公众号验证回调方法_微信公众号运
- 下一篇： vue.js 2 引导 (maybe i