plunkerでvue その58

概要

plunkerでvueやってみた。
練習問題、やってみた。

練習問題

vueファイルで九九を書け。

写真

サンプルコード

<template>
  <div>
    <h2>kuku</h2>
		<table>
			<tbody>
				<tr v-for="b in 9">
					<td v-for="a in 9"> {{ a * b }} </td>
				</tr>
			</tbody>
		</table>
  </div>
</template>

<script>
define(['Vue'], function(Vue) {
  return new Vue({
    template: template,
    data: {
    },
    created() {
	  }, 
    methods: {
    }
  })
});
</script>

<style>
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;
}
</style>

成果物

以上。