第四节——Vue属性绑定

一、回顾什么叫属性

属性指的是Html元素的属性，例如a标签的title就是一个属性！

二、Vue如何绑定属性

Vue绑定属性一般是在属性名后面加 : 也就是 v-bind（不推荐使用v-bind），当使用 : 绑定html元素的属性后，属性就相当于参数，属性值为预期值，一般在实际应用中，: 绑定的属性值都是通过计算得来 或者 是一个通过判断时刻变化的值。该操作也叫动态属性在组件传值中经常使用。

<template>
  <div>
    <a :href="url">百度</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      url: "https://www.baidu.com"
    };
  },
};
</script>