初识vue03

3.有意思的+

<body>
<div id="app" v-once>
<!--    v-once表示无论下面有多少语句在改变msg的内容，msg的内容都只能改变一次-->
<!--    v-html表示使得输出的不是普通文本，而是HTML-->
<!--    定义一个变量-->
    {{msg}}
    <p>{{num+1}}</p>
    <p>{{number}}+1</p>
    <p>{{num2+1}}</p>
</div>
<script>
    var vm = new Vue({
        el:'#app',
        data:{
            msg:'hello',
            num:'5',      //51
            number:'5',  //5+1
            num2:5      //6
        }
    });
   
</script>
</body>
posted @ 2020-08-09 18:35  L小龙虾  阅读(106)  评论(0)  编辑  收藏  举报