Php Vue js模板标记未呈现（屏幕上显示为空白）

我正在尝试从站点实现vue向导表单基本表单。但temeplate未正确呈现，因此屏幕上未显示任何内容，请帮助我解决此问题。表格tab2也可以在同一页中使用文本框。以及如何验证每个选项卡。请提供一些信息，我是vuejs so的新手

下面添加了输出屏幕截图，请帮助我解决此错误。控制台中没有错误。我知道这是一个愚蠢的错误，但我无法识别那个错误

Vue.use（VueFormWizard）；
第二选项卡
Yuhuuu！这看起来很简单
返回
下一个
完成
//Vue.use（VueFormWizard）；
const app=新的Vue({
el:“#应用程序”，
数据（）{
返回{
formInline：{
用户：“”，
区域：“”
},
规则：{
用户：[{
要求：正确，
消息：“请输入活动名称”，
触发器：“模糊”
}, {
民:3,，
最高：5，
消息：“长度应为3到5'，
触发器：“模糊”
}],
地区：[{
要求：正确，
消息：“请选择活动区域”，
触发：“改变”
}],
}
}
},
方法：{
onComplete:function（）{
警惕（“耶，完成！”）；
},
validateFirstStep（）{
返回新承诺（（解决、拒绝）=>{
此.$refs.ruleForm.validate（（有效）=>{
决议（有效）；
});
})
}
}
})

您忘记了元素ui js和css

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>