码迷,mamicode.com
首页 > 其他好文 > 详细

vue系列教程:插值

时间:2020-03-14 15:01:13      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:属性   src   com   没有   htm   world   技术   png   fir   

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

技术图片

 

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

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

技术图片

 

 

 

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

技术图片

 

技术图片

 

 OK,完成~

 

vue系列教程:插值

标签:属性   src   com   没有   htm   world   技术   png   fir   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!