Vue v-bind就是用于绑定数据和元素属性

1,href属性

  1. <body>
  2. <p class="app">
  3. <a v-bind:href="url">点我</a>
  4. </p>
  5. <script>
  6. var app = new Vue({
  7. el:'.app',
  8. data:{
  9. url:"www.gzsmbj.com",
  10. }
  11. });
  12. </script></body>

 

1，src属性

  1. <body>
  2. <p class="app">
  3. <a v-bind:href="url">点我</a>
  4. <img v-bind:src="imgsrc" width="200px"/>
  5. </p>
  6. <script>
  7. var app = new Vue({
  8. el:'.app',
  9. data:{
  10. url:"www.gzsmbj.com",
  11. imgsrc:"https://cn.vuejs.org/images/logo.png"
  12. }
  13. });
  14. </script></body>

 

posted @ 2022-09-25 23:45  学无边涯  阅读(31)  评论(0)  编辑  收藏  举报