2018-09-18过滤器，计算属性，获取日期时间
{{}}叫做模板，不在其中写入太多的逻辑操作，为了方便后期维护
1.过滤器（对页面上的数据进行筛选和过滤）
（1）全局过滤器
html{{num|过滤器的名字}}
js
Vue.filter("过滤器的名字",function(){})
（2）局部过滤器
html{{num|过滤器的名字}}
new Vue({
el"选择器",
data:{},
methods:{},
filters:{
"过滤器的名字":function(){
}
}
})
列如 全局过滤器
{{num|addZero}}当小于10时会添加0，列如01,02,03,04；
当大于10时直接输出
局部过滤器
{{num|addZero}} new Vue({
el:'#app',
data:{
//num: Math.floor(Math.random()*(max-min+1)+min)随机数公式
num: Math.floor(Math.random()*(20-0+1)+0)
},
filters:{
addZero:function(data){
if(data<10){
return '0'+data;
}else{
return data;
}
}
}
})
当小于10时会添加0，列如01,02,03,04；
当大于10时直接输出
文章图片
V@E0(529HHP8TV[E5T]G14O.png
文章图片
0J3CRSH3R%HV}PY(~5R_5YN.png 保留两位小数，四舍五入 全局过滤器
{{123.456|number}}
局部过滤器
【2018-09-18过滤器，计算属性，获取日期时间】{{123.456|number}}
文章图片
$M%69F2VW5S(J_O6P`0E`VD.png
{{new Date()|date}}
文章图片
8NH%4F5~O2P$077DF0@UW(7.png 2.计算属性
(1)
{{revMsg}}
文章图片
1.png (2)
{{total}}
文章图片
2.png 3.js中时间设置
推荐阅读
- 使用协程爬取网页，计算网页数据大小
- ACSL|ACSL 美国计算机科学联赛 2016-2017 R4 摩天大楼-Skyscraper 题解
- 首屏时间，你说你优化了，那你倒是计算出给给我看啊！
- ATAN2根据xy坐标计算角度
- 历史上的今天|【历史上的今天】2 月 16 日（世界上第一个 BBS 诞生；中国计算机教育开端；IBM 机器人赢得智能竞赛）
- 计算机网络基础TCP\HTTP\HTTPS
- 计算机网络|计算机网络——DHCP协议详解
- android|android today上下卡片,【精品文档】关于计算机专业大学生安卓系统有关的外文文献翻译成品（基于Android（安卓）的考勤管理系统（中英文双语对照）
- 深入理解redis——布隆过滤器BloomFilter
- Python|Python 科学计算库 NumPy 学习笔记 - 5 - 遮盖与布尔逻辑