vue学习之v-bind的使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <img v-bind:src="url" > <!-- 语法糖写法 --> <a :href="baidu_url">百度一下</a> </div> </body> </html> <script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> // v-bind的语法糖 :src const app = new Vue({ el:'#app',//决定vue挂载到哪个对象 data:{ message:'你好', url:'https://cn.vuejs.org/images/imooc-ad.png', baidu_url:'www.baidu.com' } }) </script>

浙公网安备 33010602011771号