vue基础语法

最新推荐文章于 2022-09-12 20:32:16 发布

xuxunjy

最新推荐文章于 2022-09-12 20:32:16 发布

阅读量138

点赞数

分类专栏：笔记文章标签： vue js

本文链接：https://blog.csdn.net/xuxunjy/article/details/108933057

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这个博客展示了如何在Vue.js应用中使用Mustache语法。内容包括在HTML中插入变量和表达式，例如显示`message`变量，组合`firstName`和`lastName`，以及计算`num`的两倍。示例代码演示了Vue实例的创建和数据绑定。

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

  <div  id="app">
<!--    Mustache就是 {{}}  -->
  <h2>{{message}}</h2>
    <h2>{{message}},李银河</h2>
    <h2>{{firstName+' '+lastName}}</h2>//Mustache中不仅可以写变量，也可以写表达式
    <h2>{{num*2}}</h2>
  </div>
    <script src="../vue.js"></script>
      <script>
        const app=new Vue({
          el:"#app",//挂载位置
          data:{//数据
            message:'你好',
            firstName:'kobe',
            lastName:'bryant',
            num:100
          },
          methods:{//函数

          }
        })
      </script>