console
var newsList = [
{
title:'111',
date:'2018/2/25'
},
{
title:'222',
date:'2018/2/26'
},
{
title:'333',
date:'2018/2/27'
},
{
title:'444',
date:'2018/2/28'
}
];
var app = new Vue({
el:'#app',
data:{
price:100,
newsList:newsList
},
computed:{
newPrice:function(){
return this.price = '¥'+this.price+'元'
},
reverslist:function(){
return this.newsList.reverse();
}
}
});
<script src="https://unpkg.com/vue"></script>
<h1>propsData Option</h1>
<hr />
<div id="app">
<ul>
<li v-for="item in reverslist">{{item.title}}-{{item.date}}</li>
</ul>
</div>
*:not(button){
color:#fff;
}
a:visited{
color:lightblue
}