Zero1000

Score-Vue

terms:
remake():

1. remake()する

index.html

function remake(a){
	


	let l=a.length	


	
	


	
	let out01=[]
	
	for(let i=0;i<l;i++ ){
	
	 out01.push(a[i])		
		
	}
	



	
	return out01
	
}
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
<script src="func.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.9/lodash.min.js"></script>


<div id="app">

<button @click='bt(0)'>0</button>
<button @click='bt(1)'>1</button>
<button @click='bt(2)'>2</button>
<button @click='bt(3)'>3</button>


<button @click='bt(4)'>4</button>
<button @click='bt(5)'>5</button>
<button @click='bt(6)'>6</button>
<button @click='bt(7)'>7</button>
<hr>


入力
{{ary}}<br>
複製
{{ary1}}<br>
反転
{{ary2}}<br>





</div>








<script>
	


	
	
	
new Vue({
  
  el: "#app",
  
  data: {

	  ary: [],
	  ary1: [],
	  cnt:0,
	  
  },
  
  methods:{
	  
	bt:function(x){
		
			
		 
		 this.ary.push(x)
		 
		 this.ary1=remake(this.ary)
		 
		 

		 }
	
		 
	},

  
  
  
  computed:{
	  ary2:function(){
		  return  _.reverse(this.ary1)
	  }, 
  }
  

});

</script>

2. remake()しないと

index.html
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
<script src="func.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.9/lodash.min.js"></script>


<div id="app">

<button @click='bt(0)'>0</button>
<button @click='bt(1)'>1</button>
<button @click='bt(2)'>2</button>
<button @click='bt(3)'>3</button>


<button @click='bt(4)'>4</button>
<button @click='bt(5)'>5</button>
<button @click='bt(6)'>6</button>
<button @click='bt(7)'>7</button>
<hr>



{{ary}}<br>

{{ary2}}<br>





</div>








<script>
	


	
	
	
new Vue({
  
  el: "#app",
  
  data: {

	  ary: [],

  	  
	  cnt:0,
	  
  },
  
  methods:{
	  
	bt:function(x){
		
			
		 
		 this.ary.push(x)

		 }
	
		 
	},

  
  
  
  computed:{
	  ary2:function(){
		  return  _.reverse(this.ary)
	  }, 
  }
  

});

</script>