首页 > 代码库 > computed 计算选项
computed 计算选项
computed 的作用主要是对原数据进行改造输出。改造输出：包括格式的编辑，大小写转换，顺序重排，添加符号……。
格式化输出结果
我们先来做个读出价格的例子：我们读书的原始数据是price:100 但是我们输出给用户的样子是（￥100元）。
html
<div id="app"> <span v-text="newNumber"></span></div>
js
var vm = new Vue({ el:"#app", data:{ number:120 }, computed:{ // 记得return 出来啊 newNumber:function(){ return this.number="￥"+this.number+‘元‘ } } })
用计算属性反转数组（倒序）
html
var data =http://www.mamicode.com/ [ {"title":"香港或就“装甲车被扣”事件追责 起诉涉事运输公司","data":"2017/3/12"}, {"title":"香港或就“装甲车被扣”事件追责 起诉涉事运输公司","data":"2017/3/15"}, {"title":"香港或就“装甲车被扣”事件追责 起诉涉事运输公司","data":"2017/3/26"} ] var vm = new Vue({ el:"#app", data:{ items:data }, computed:{ newItems:function(){ return this.items.reverse(); } } })
computed 计算选项
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。