vue学习之mustache语法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <h2>{{message}}</h2>
            <h2>{{message}},vue</h2>
            <h2>{{message + firstname + lastname}}</h2>
            <h2>{{firstname}} {{lastname}}</h2>
            <!-- mustache语法中,还可以写简单的表达式 -->
            <h2>{{number * 2}}</h2>
        </div>
    </body>
</html>
<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    //let(变量)const(常量)
    const app = new Vue({
        el:'#app',//决定vue挂载到哪个对象
        data:{
            message:'你好,vue',
            firstname:'guo',
            lastname:'xuhui',
            number:24
        }
    })
</script>

 

posted @ 2020-06-04 17:04  神女卑弥呼  阅读(259)  评论(0)    收藏  举报