plunkerでvue その57

概要

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

練習問題

vueファイルでfizzbuzzを書け。

写真

サンプルコード

<template>
  <div>
    <h2>fizzbuzz</h2>
 		<span v-for="s in fizzbuzz"> {{ s }} </span>
  </div>
</template>

<script>
define(['Vue'], function(Vue) {
  return new Vue({
    template: template,
    data: {
  		fizzbuzz: [] 
    },
    created() {
  		for (var i = 1; i < 101; i++) 
	  	{
		  	if (i % 15 == 0) 
			  {
				  this.fizzbuzz[i] = "fizzbuzz";
			  }
			  else if (i % 5 == 0)
			  {
				  this.fizzbuzz[i] = "buzz";
			  }
			  else if (i % 3 == 0)
			  {
				  this.fizzbuzz[i] = "fizz";
			  } 
			  else
			  {
				  this.fizzbuzz[i] = i;
			  }
		  }
	  }, 
    methods: {
    }
  })
});
</script>

<style>
</style>

成果物

以上。