computed Option 计算选项不污染源数据.以及倒叙

本文链接：https://blog.youkuaiyun.com/qq_37995109/article/details/88726048

博客围绕计算选项展开，强调其不污染源数据的特性，但因内容缺失，更多关键信息暂不明确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/vue.js"></script>
		<title></title>
	</head>
	<body>
    <h1>Hello World</h1>
    <hr>
    <div id="app">
        {{newPrice}}
		<ul>
			<li v-for="(item,index) in reverNews":key="index" :value="item.value">
				{{item.title}}--{{item.date}}
			</li>
		</ul>
    </div>
    <script type="text/javascript">
    	var newsList=[
		    {title:'香港或就“装甲车被扣”事件追责 起诉涉事运输公司',date:'2017/3/10'},
		    {title:'日本第二大准航母服役 外媒：针对中国潜艇',date:'2017/3/12'},
		    {title:'中国北方将有明显雨雪降温天气 南方阴雨持续',date:'2017/3/13'},
		    {title:'起底“最短命副市长”：不到40天落马，全家被查',date:'2017/3/23'},
		];
        var app=new Vue({
            el:'#app',
            data:{
               price:100,
               newsList:newsList
            },
            computed:{
            	//不污染源data数据
            	newPrice(){
            		return this.price='$'+this.price+'元';
            	},
            	//倒叙 --上面写for循环, 要循环这个方法
            	reverNews(){
            		return this.newsList.reverse();
            	},
            }
        })
    </script>
</body>
</html>