初识vue

初识vue:

插值语法:

1.<div id="root">是一个容器,容器中写的不是原始HTML代码,是Vue的模板代码

2.所谓模板代码,类似react中的jsx,是html与js的混合体

3.{{xxx}},xxx会自动读取data里面的xxx属性,xxx当一个表达式去解析(MDN有表达式的详细解析)

双大括号语法叫插值语法,功能用于解析标签体内容

指令语法:用于解析标签(包括标签属性、标签内容、绑定事件),vue中有很多指令

v-bind:属性名:让该属性的值动态起来(可以删掉v-bind,可以简写成 : 属性名),要给标签内写的任何属性赋值,都需要用到v-bind

v-on:事件,绑定事件,简写为@

上一篇:js系列之——call/apply/bind基础重写以及this的指向问题


下一篇:bindTo和bind函数的使用介绍