Vue的数据绑定

Vue简单的数据绑定，就是在根容器中添加一个标签，然后用{{}}中引入具体的数据名

这里主要讲利用v-bind进行属性的绑定。

在app.js的data中添加site。

         注意这里的地址一定要加http，不然后面跳转的时候回出现找不到文件，如下

 

在html文件中引入一个a标签，标签中引入site，如果不添加v-bind，直接类似上面的name进行绑定的话，结果是这样的

在dom结构中可以看到渲染的是{{site}},而不是具体的地址，并且百度官网四个字点击的话显然不行，所以我们添加v-bind并且不要{{}}

可以看到在dom结构中渲染出的结果是具体的地址，并且点击百度官网，可以跳转到具体的百度官网页面。

在输入框中可以这样进行样式绑定，

当使用v-bind进行动态绑定的时，可以这样：

能够达到同样的效果，但方法更灵活

如果绑定的数据是标签的话，先在data中声明一个标签，然后用v-html进行绑定

在dom中同样被渲染出来了