Javascript

初识vue

本文主要是介绍初识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:事件,绑定事件,简写为@

这篇关于初识vue的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!