【Vue学习笔记_03】v-bind动态绑定属性

配套可执行代码示例 => GitHub

在标签的属性前加v-bind:，可以简写为:，属性值就不再是固定值，而是动态绑定的了。

v-bind基本使用

<div id="app">
  <img v-bind:src="imgUrl">
  <!--简写-->
  <a :href="aUrl">百度一下</a>
</div>

<script>
  const app = new Vue({
     
    el: '#app',
    data: {
     
      imgUrl: 'https://www.baidu.com/img/flexible/logo/pc/result.png',
      aUrl: 'https://www.baidu.com'