SOURCE

new Vue({
    el:'#app',
    data:{
        name:"刘亦凝",
        age:20,
        image:"https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=徐子未&step_word=&hs=0&pn=7&spn=0&di=1800&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=502291750%2C261610128&os=4091025970%2C4137003695&simid=3554072080%2C337370868&adpicid=0&lpn=0&ln=469&fr=&fmq=1614653408342_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=11&oriquery=&objurl=https%3A%2F%2Fgimg2.baidu.com%2Fimage_search%2Fsrc%3Dhttp%3A%2F%2Fimg2.doubanio.com%2Fview%2Frichtext%2Fl%2Fpublic%2Fp85870042.jpg%26refer%3Dhttp%3A%2F%2Fimg2.doubanio.com%26app%3D2002%26size%3Df9999%2C10000%26q%3Da80%26n%3D0%26g%3D0n%26fmt%3Djpeg%3Fsec%3D1617245418%26t%3Db0b0d09e9e040f8fe3bfc0bd96d00d16&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3B157kwg_z%26e3Bv54AzdH3F2657rAzdH3Fp5rtvAzdH3Fd8n9b8880&gsm=8&rpstart=0&rpnum=0&islist=&querylist=&force=undefined"
    },
    methods:{
        test:function(){
            this.title="21"*3;
            return this.title;
        },
        outputfunction:function(){

            return "姓名:" +this.name+"年龄"+this.age
        }
        ,
        random:function(){
            return Math.round(Math.random()*100);
        }
    
        
    }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">

<p>姓名：{{name}}</p>
 <p>年龄：{{age}}</p>
 <p>年龄*3：{{age*3}}</p>
 <p>函数输出名字和年龄：{{outputfunction()}}}</p>
 <p>输出随机数：{{random()}}}</p>
 <img v-blind:src="image" style="width:100px">
</div>