vue系列教程:插值
Posted atomgame
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue系列教程:插值相关的知识,希望对你有一定的参考价值。
vue中的插值,简单来说,就是通过更改script中定义的属性的值,来达到修改html中的值这样一个效果。例如:
我们在div中添加了一个h1标签,看到没有,{{ title }} 这块代码就叫插值。插值的语法是{{}}中加上变量名的形式。
这里的title是我们在script的data函数里边定义的title变量,通过插值的方式,就可以方便的更改h1标签中的值。运行效果:
如果我们不想显示HelloWorld,我们可以更改script中的title,比如改成 first vue,看看效果:
OK,完成~
以上是关于vue系列教程:插值的主要内容,如果未能解决你的问题,请参考以下文章