初识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:事件,绑定事件,简写为@