首页 > 其他 > 详细

vue系列教程:插值

时间:2020-03-14 14:41:04      阅读:51      评论:0      收藏:0      [点我收藏+]

vue中的插值,简单来说,就是通过更改script中定义的属性的值,来达到修改html中的值这样一个效果。例如:

技术分享图片

 

 我们在div中添加了一个h1标签,看到没有,{{ title }} 这块代码就叫插值。插值的语法是{{}}中加上变量名的形式。

这里的title是我们在script的data函数里边定义的title变量,通过插值的方式,就可以方便的更改h1标签中的值。运行效果:

技术分享图片

 

 

 

 如果我们不想显示HelloWorld,我们可以更改script中的title,比如改成 first vue,看看效果:

技术分享图片

 

技术分享图片

 

 OK,完成~

 

vue系列教程:插值

原文:https://www.cnblogs.com/atomgame/p/12491850.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!