vue之v-bind

138 阅读1分钟

v-bind:动态得到绑定某些属性,如a标签的href属性或者img的src属性

v-bind的语法糖是一个:,也就是简便写法

例子:

<body>

   <div id="app"> 

      <!-- <img v-bind:src="aimg" /> --> 

      <a :href="ahref">百度</a>

   </div> 

   <script src="./js/vue.js"></script>

   <script> 

       let vue =new Vue({ 

                el:'#app', 

                data:{ ahref:'www.baidu.com' } 

          })

   </script>

</body>