                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /vue.js入门基础

引用vue文件没有输出

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{{title}}</title>
<script src='./vue.js'></script>
</head>
<body>
<center>
<template>
<div id="text">
<h1>{{title}}</h1>
<input type="text">
<ul>
<li></li>
</ul>
</div>
</template>
</center>
<script>
var text = new Vue(){
el: '#text',
data:function(){
return {
title: 'this is a text',
items{

}
}
},
}
</script>
</body>
</html>

为什么我在html文件中引用了vue.js文件，并且在body中使用的是var text = new Vue(){el:'#text',date:function(){return{title:'this is a text'}}}，然后在div中返回了

并没有作用呢