小练习:组件的使用(颠倒排序)

Hello Word


  • {{item.title}}--{{item.data}}
 <script type="text/javascript">
	 var newsList=[
		 {title:'你好',data:'2014/6/22'},
		 {title:'aa',data:'2014/2/22'},
		 {title:'bb',data:'2015/6/12'},
		 {title:'vv',data:'2011/6/23'},
		 {title:'cc',data:'2004/6/22'},
	 ]
	var app = new Vue({
		el:'#app',
		data:{
			price:200,
			newsList:newsList
		},
		computed:{
			
			reversNews:function(){
				return this.newsList.reverse();//颠倒排序
			}
		}
	})
 </script>

在这里插入图片描述

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页