vue组件如何访问对象实例中的属性？

Question

<template id="panel-tpl">
    <div>
        <div class="title" v-on:click="alertTitle">
            蛤蛤
        </div>
        <div class="content">
            苟利国家生死以
        </div>
        <div class="footer">
            将信将疑
        </div>
    </div>
</template>
<div id="app" class="app">
    <panel></panel>
</div>

$(function(){
    Vue.component("panel", {
        template: "#panel-tpl",
        methods: {
            alertTitle: function(){
                console.log(this.mess);
            }
        }
    })
    var app = new Vue({
        el: "#app",
        data: {
            mess: "实例中的mess"
        }
    })
    
})

我想点击一下【蛤蛤】，打印一下#app中的mess，请问如何做到？

现在因为组件中没有mess这个属性，打印undefined.