chrome扩展程序使用vuejs出现问题

刚学着写chrome的插件，循环历史记录的时候想用vuejs试一试列表循环，结果发现vuejs并没有报错但是数据位置都变成了空白的。

下面是简化的内容：

index.html：

<body>
    <div id="app">
        <h1 id="pageTitle">##{{title}}</h1>
    </div>
    <script src="jquery.js"></script>
    <script src="vue.min.js"></script>
    <script src="app.js"></script>   
</body>

app.js：

console.log($("#pageTitle").text()) //结果为 "##{{title}}"
var app = new Vue({
    el:"#app",
    data:{
      title:"新的页面"  
    }
})
console.log(app.title) // 结果为 "新的页面" 
console.log($("#pageTitle").text()) //结果为 "##",理想结果应该是"##新的页面"

vue.js