vue模板语法

Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。

一.插值语法

        1.它能用于解析标签体内容

        2.语法格式：{{xxx}}

 二.指令语法

        1.它用于解析标签，相对于插值语法更加灵活

        2.语法格式：v-bind:  

        3.简写格式：：

 

 2.我们可以更加直观的看到百度一和百度二的区别，显而易见，百度二的指令语法v-bind更加的灵活，直接调用

 3.简写格式

 4.简写格式 “ ：” ，对于我们来说更加的常用便捷

三.指令语法的嵌套

        1.我们还可以使用嵌套来运用指令语法，来帮助我们更好的理解

         2.可以看到，我在data中写了一个又一个数据对象，在a标签中用指令语法v-bind拿出数据，直接在新的new_datas中使用url和name，name2.

总结：vue中有很多的指令，且形式都是v-???，此处只是举个例子，并不说v-bind代表所有的指令语法