用的vscode 开发vue项目，为什么这个页面出不来






<!--
</el-tab-pane> -->



<br> import gantt from &#39;dhtmlx-gantt&#39; // 引入模块<br> import &#39;dhtmlx-gantt/codebase/dhtmlxgantt.css&#39;<br> import &#39;dhtmlx-gantt/codebase/locale/locale_cn&#39; // 本地化<br> export default {<br> name: &#39;DhtmlxGantt&#39;,<br> data() {<br> return {<br> tasks: {<br> data: [<br> { id: 1, text: &#39;Task #1&#39;, start_date: &#39;15-04-2017&#39;, personName: &#39;张总&#39;, duration: 3, progress: 0.6 },<br> { id: 2, text: &#39;Task #2&#39;, start_date: &#39;18-04-2017&#39;, personName: &#39;李总&#39;, duration: 3, progress: 0.4 },<br> { id: 3, text: &#39;Task #2-1&#39;, start_date: &#39;20-04-2017&#39;, personName: &#39;赵总&#39;, duration: 3, progress: 0.4,parent: 2}<br> ],<br> links: [<br> { id: 1, source: 1, target: 2, type: &#39;0&#39; }<br> ]<br> }<br> }<br> },<br> mounted() {<br> // 在时间线上增加一行年份显示<br> gantt.config.subscales = [<br> {<br> unit: &#39;year&#39;,<br> step: 1,<br> date: &#39;%Y&#39;<br> }<br> ]<br> // 初始化<br> gantt.init(this.$refs.gantt)<br> // 数据解析<br> gantt.parse(this.$props.tasks)<br> }<br> }<br> <script></p> <style> </style>

能贴在代码块里吗 这咋看

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app" class="aaa">
    {{message}}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>    
    var app=new Vue({
        el:"#app",
        date:{
            message:"lrh"
        }
    })
</script>
</body>
</html>