<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="//cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<table>
<tbody>
<tr v-for="b in 9">
<td v-for="a in 9"> {{ a * b }} </td>
</tr>
</tbody>
</table>
</div>
<script src="script.js"></script>
</body>
</html>
// Code goes here
new Vue({
el: '#app',
})
/* Styles go here */
body {
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 14px;
color: #444;
}
table {
border: 2px solid #42b983;
border-radius: 3px;
background-color: #fff;
}
th {
background-color: #42b983;
color: rgba(255, 255, 255, 0.66);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-user-select: none;
}
td {
background-color: #f9f9f9;
}
th,td {
min-width: 20px;
padding: 10px 20px;
}