Zero1000

Vue2.js(CDN)

terms:
sort:

1. 配列の要素の変更ができない！！！

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


<div id="app">

 {{txt}}
 
</div>








<script>

function compare( a, b ){
  var r = 0;
  if( a.age < b.age ){ r = -1; }
  else if( a.age > b.age ){ r = 1; }

  return r;
}


var myArray = [
 { id: 1,name: "鈴木", age: 30 },
 { id: 2, name: "田中", age: 29 },
 { id: 3, name: "佐藤", age: 35 }
];

myArray.sort( compare );


	

new Vue({
  
  el: "#app",
  
  data: {txt: myArray},

});

</script>