springboot html vue.js 前后分离代码示例

1.html

<table class="table table-hover">
    <thead>
      <tr>
		<th style="width: 50px;" id="cts">
		<div class="checkbox d-inline">
		     <input type="checkbox" name="fhcheckbox" id="zcheckbox">
		     <label  style="max-height: 12px;" for="zcheckbox" class="cr"></label>
		     </div>
				</th>
		<th style="width: 50px;">NO</th>
		<th>名称</th>
		<th>权限标识</th>
		<th>备注</th>
		<th>操作</th>
		</tr>
       </thead>
	<tbody>
		<!-- 开始循环 -->	
		<template v-for="(data,index) in varList">
		<tr>
			<td><div class="checkbox d-inline"><input type="checkbox" v-bind:id="'zcheckbox'+index" name='ids' v-bind:va