Vue学习(基础编)：v-bind指令的基本使用

今天我们来学习Vue中比较重要的一个指令v-bind，不多说，直接上代码

说明：我们在Vue的data中可以保存数据，比如message，也可以保存别的数据格式，比如

//img01.71396.com/2021/0807/b1da4982989c675a.jpg,这是个图片地址，还有ahref,这是个网址，那我们怎么把图片和网址显示出来，就是用v-bind指令。

1 首先是使用v-bind用于显示图片，我们在img属性的src前加上v-bind绑定，便可以将//img01.71396.com/2021/0807/b1da4982989c675a.jpg字段赋给src上。

2 使用v-bind绑定href属性，在href属性前用v-bind绑定，便可以实现跳转。

还有个v-bind的简写就是冒号，我们可以直接用：代替v-bind。

百度一下

百度一下

好了，这些就是v-bind的基本使用，最后我们来看下实现效果图！

页面不咋好看，多多见谅了！如果我又说的不对的地方，请大家指正，我一定会虚心接受！