Vue基础-插值表达式

<div id="app">
    <!-- 字符串 -->
    {{ msg }} <br>
    <!-- 对象 -->
    {{obj.name}} <br>
    <!-- 函数 -->
    {{f1()}} <br>
    <!-- 运算符 -->
    {{num > 10 ? '真的大于10':'小于10'}}
</div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el:'#app',
        data:{
            // 字符串
            msg:'Hello World',
            //对象
            obj:{
                name:'张三'
            },
            // 函数
            f1:function(){
                return 1+1
            },
            num:15
        }
    })
</script>