tsukiyama-a5 tsukiyama-a5

## gist:05215ec938ae927c9b0ad8bfe53957d9
computed: {
  empname: function() {
    switch (this.empid) {
      case '1':
        this.name = 'takahashi';
        break;
      case '2':
        this.name = 'higashiguchi';
        break;
      case '3':

## gist:fa6ce08b6240e1b47073c4d0240bf5d2
<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  </head>
<body>
  <div id="app">
    従業員番号:<input type="text" v-model="empid" placeholder="1,2,3のどれか"><br>
    {{empname}}<br>
  </div>

## gist:30b1320511a0f5e692be08856574c389
<div id="app" v-show="age >= 20">
  {{name}}:{{age}}<br>
</div>

## gist:807255d4343670a6a592b81541c08894
<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  </head>
<body>
  <div id="app" v-show="age >= 20">
    {{name}}:{{age}}<br>
  </div>
  <script src="https://jp.vuejs.org/js/vue.js"></script>
	computed: {
	empname: function() {
	switch (this.empid) {
	case '1':
	this.name = 'takahashi';
	break;
	case '2':
	this.name = 'higashiguchi';
	break;
	case '3':
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	</head>
	<body>
	<div id="app">
	従業員番号:<input type="text" v-model="empid" placeholder="1,2,3のどれか"><br>
	{{empname}}<br>
	</div>