VUE指令—v-bind及v-model
v-bind: 为HTML标签绑定属性值，如设置 href , css样式等。当vue对象中的数据模型发生变化时，标签的属性值会随之发生变化。
v-model： 在表单元素上创建双向数据绑定。vue对象的data属性中的数据变化，视图展示会一起变化；视图数据发生变化，vue对象的data属性中的数据也会随着变化。
<body>
<div id="app">
<input type="text" v-model = "url">
<span>{{message}}</span>
<a v-bind:href="url">链接1</a> <!-- v-bind 数据的绑定，根据指定的key,去Vue对象的data块中查找对应的value -->
<a :href="url">链接2</a> <!-- v-bind可以省略 -->
</div>
<script>
new Vue({
el: "#app",
data: {
message: "Hello Vue",
url: "https://www.baidu.com"
}
})
</script>
</body>