vue日记之mustache的简单应用

最新推荐文章于 2024-04-12 23:52:52 发布

小白白中之白

最新推荐文章于 2024-04-12 23:52:52 发布

阅读量53

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/m0_53438035/article/details/117172058

版权

Vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="a">
    <!--mustache不仅可以可以直接拼写变量，也可以写简单的表达式-->
    <h1>{{message}}</h1>
    <h1>{{first}}{{last}}</h1>
    <h1>{{first + last}}</h1> <!--变量拼接-->
    <hi>{{first + " " + last}}</hi> <!--变量拼接-->
    <h1>{{first}} {{last}}</h1>
    <h1>{{counters*2}}</h1>
</div>
</body>
<script src="vue.js"></script>
<script>
    let abs=new Vue({
        el:"#a",
        data:{
            message:"你好",
            first:"Leo",
            last:"john",
            counters:100,
        }
    })
</script>
</html>