SOURCE

new Vue({
    el:'#app',
    data:{
        name:"黄裕萱",
        age:"21",
        link:"https://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=picture&step_word=&ie=utf-8&in=&cl=2&lm=-1&st=undefined&hd=undefined&latest=undefined&copyright=undefined&cs=1220537786,3699483915&os=338147647,4036918010&simid=3459241526,189300646&pn=0&rn=1&di=38610&ln=1664&fr=&fmq=1614652040203_R&fm=&ic=undefined&s=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&is=0,0&istype=0&ist=&jit=&bdtype=0&spn=0&pi=0&gsm=0&objurl=https%3A%2F%2Fgimg2.baidu.com%2Fimage_search%2Fsrc%3Dhttp%253A%252F%252Fipicturee.com%252Fwp-content%252Fuploads%252F2014%252F01%252Frainbow-lorikeet-1-1.jpg%26refer%3Dhttp%253A%252F%252Fipicturee.com%26app%3D2002%26size%3Df9999%2C10000%26q%3Da80%26n%3D0%26g%3D0n%26fmt%3Djpeg%3Fsec%3D1617244034%26t%3Df9c47a78c92ad967784482fe04bac52c&rpstart=0&rpnum=0&adpicid=0&force=undefined&ctd=1614652041579^3_1903X880%1"
    },
    methods:{
        test:function(){
            return this.name
            
        },
        test2:function(){
            return this.age
        },

        test3:function(){
            return this.age*3
        },

        rnum:function(){
            rnum = Math.random()
            return rnum
        }
    }
})

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<div id="app">
    <p>name: {{name}}, age: {{age}}</p>
    <p>name: {{test()}}, name:{{test2()}}</p>
    <p>age*3 = {{test3()}}</p>
    <p>Random number: {{rnum()}}</p>
    <a v-bind:href="link">Baidu Picture</a>
</div>