Mustache语法

简介: Mustache语法
<!-- mustache 翻译是胡子,两个大括号的用法 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
    <div id="app">
        <h1>{{message}}</h1>
        <h2>{{firstName + ' ' + lastName}}</h2>
        <h2>{{firstName}} {{lastName}}</h2>
        <h3>{{count * 2}}</h3>
    </div>
    <script src="../vue.js"></script>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                message: "你好呀",
                firstName: "L",
                lastName: "S F",
                count: 111
            }
        })
    </script>
</body>
</html>
目录
相关文章
|
容器
Thymeleaf $/*/#/@语法
Thymeleaf $/*/#/@语法
197 0
|
3月前
|
XML 前端开发 JavaScript
JSX 语法详解
【9月更文挑战第2天】本文详细介绍了React框架中核心组件JSX的基本概念与高级用法,包括基本语法、条件与列表渲染等。并通过具体示例讲解了如何避免常见的错误,如忘记闭合标签、未使用`key`属性及属性名大小写问题,帮助读者更好地理解和运用JSX,提升React应用程序的开发质量。
68 4
|
5月前
|
存储 缓存 自然语言处理
|
7月前
|
JavaScript 前端开发
Symbol在JavaScript中有哪些具体的用法和语法
Symbol在JavaScript中有哪些具体的用法和语法
|
JavaScript 前端开发 C++
58Vue - Props(字面量语法 vs 动态语法)
58Vue - Props(字面量语法 vs 动态语法)
49 0
|
JavaScript 前端开发
12Vue - 模板语法(插值-使用JavaScript表达式)
12Vue - 模板语法(插值-使用JavaScript表达式)
225 0
|
小程序
uniapp使用scss 嵌套语法
uniapp使用scss 嵌套语法
333 1
|
7月前
|
前端开发 Java Linux
Thymeleaf - 语法使用详解
Thymeleaf - 语法使用详解
147 0