VUE指令语法解析标签属性

我们可以在标签体中使用插值语法 {{ }} 来直接读取data中的属性

那我们能使用相同的方法将我们的网址给填入a标签的href属性中吗？

我们运行后会发现并没有给我们变为<a href="https://blog.csdn.net/XunLin233">，而是<a href="{{url}}"> 

解决方法： 

在a标签中的属性使用指令语法：

v-bind:属性名="data变量"  或简写为  :属性名="data变量"

 

这时候就能解析出我们想要的结果