Vue插值操作-mustache语法

最新推荐文章于 2022-09-25 23:35:25 发布

liudd920114

最新推荐文章于 2022-09-25 23:35:25 发布

阅读量537

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/liudd920114/article/details/104434058

版权

本文介绍了Vue中使用Mustache语法将data中的文本数据插入到HTML中的方法，强调了这种语法的响应式特性，并指出可以在Mustache中编写简单的表达式。

摘要由CSDN通过智能技术生成

如何将data中的文本数据，插入到HTML中呢？
我们已经学习过了，可以通过Mustache语法（也就是双大括号）。
Mustache:胡子/胡须
我们可以像下面这个使用并且数据是响应式的
mustache语法中，不仅仅可以直接写变量，也可以写简单的表达式

       <div id="app">
            <h1>hello {
  {name}}</h1>
            <!--mustache语法中，不仅仅可以直接写变量，也可以写简单的表达式-->
            <h2>{
  {firstName + lastName}}</h2>
            <h2>{
  {firstName + ' ' + lastName}}</h2>
            <h2>{
  {firstName}} {
  {lastName}}</h2>