请问一下用.html写vue页面 然后这个页面要怎么写呢

不知道应该怎么写 目前写了这样子 不知道是不是错了， 这个应该怎么写呢

img

img

img

html

<html>
<head></head>
<body>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><!-- 引入jq -->
<script type="text/javascript" src="./layui/layui.js"></script><!--下载引入layui -->
<div>
  <table id="tables" class="layui-table" lay-filter="test"></table>
</div>
<script type="text/html" id="tableDemo">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="">进入</a>
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="">离开</a>
        <a class="layui-btn layui-btn-xs" lay-event="">显示头像</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="">删除</a>
</script>
</body>
</html>

js

var dataModel = [
  [
        field : 'startTime',
        title : '开始时间',
  ]
  ...
  [
    field : '',
    fixed : 'right',
    title : '操作',
    align : 'center',
    toolbar : "#tableDemo",//指向自定义工具栏模板选择器
  ]
]
layui.use('table', function(){
                          var table = layui.table;
                          table.render({
                            elem: "#tables",
                            data : data ,//data渲染的数据
                            cellMinWidth : 100,
                            height : 'full-400',
                            cols : dataModel,
                            page : true, // 分页
                          });
                    });

这个看起来 用了 ui库 风格很像layui

你的所有内容都要包到id=app那个div里面

https://layui.itze.cn/demo/index.html