Vue 使用过滤器实现将时间戳转日期格式

render函数是渲染一个视图，然后提供给el挂载，如果没有render则页面什么都不会显示， Vue 实例对象的 render 方法作为一个函数，接受传入的参数 h 函数，返回 h() 的函数调用结果。

JS部分

// 将时间戳转日期格式的过滤器
Vue.filter('dateFormat', (dataStr) => {
	  var time = new Date(dataStr);
	
	  function timeAdd0(str) {
	    if (str < 10) {
	      str = '0' + str;
	    }
	    return str
	  }
	  var y = time.getFullYear();
	  var m = time.getMonth() + 1;
	  var d = time.getDate();
	  var h = time.getHours();
	  var mm = time.getMinutes();
	  var s = time.getSeconds();
	  return y + '-' + timeAdd0(m) + '-' + timeAdd0(d) + ' ' + timeAdd0(h) + ':' + timeAdd0(mm) + ':' + timeAdd0(s);
})

new Vue({
	  el: '#app',
	  render: h => h()
})

HTML部分

<div id="app">
       <p>{{ dateTime | dateFormat }}</p>
</div>