如何用vue 画出这个表格

要使用Vue.js来创建上述提到的表格结构，您可以考虑如下步骤：

1. 安装和设置Vue环境：首先需要确保您的开发环境中已经安装了Vue.js。如果还没有安装，可以通过CDN链接直接引入或者通过npm/yarn进行全局或局部项目安装。

2. 创建Vue实例：在一个HTML文件中定义一个`div`作为挂载点，并初始化一个新的Vue实例。

3. 使用`v-for`指令生成行数据：由于表格是基于已有数据动态生成的，所以可以利用Vue提供的`v-for`指令来遍历一个对象数组，为每一项数据生成一行。

4. 表格表头：对于固定的列标题部分，可以直接在模板中硬编码或者将其存储在一个数组里然后用`v-for`循环渲染出来。

下面给出一个基础示例代码：

<div id="app">
    <table>
        <thead>
            <tr>
                <!-- 渲染表头 -->
                <th v-for="header in headers" :key="header">{{ header }}</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="(row, rowIndex) in rows" :key="rowIndex">
                <!-- 动态渲染单元格 -->
                <td v-for="cell in row" :key="cell">{{ cell }}</td>
            </tr>
        </tbody>
    </table>
</div>

<script>
new Vue({
    el: '#app',
    data: {
        // 示例表头
        headers: ['企业名称', '合约编号', '签约账号', '总金额（大写）', '总金额（小写）', '总笔数', '文件编号', '委托单位签章填制人主管委托日期', '银行签章受理人受理日期'],
        // 示例行数据
        rows: [
            ["公司A", "001", "123456789", "伍仟元整", "5000", "10", "-", "-", "-"],
            ["公司B", "002", "987654321", "壹万元整", "10000", "20", "-", "-", "-"]
        ]
    }
});
</script>

此代码片段展示了如何使用Vue的基本功能构建简单的表格。注意实际应用时可能还需要添加更多逻辑处理以适应不同的需求，例如从服务器获取数据、实现分页等功能。