移动端ui库饿了么Mint-UI mint-ui.github.io/#!/zh-cnmain.js 引入import MintUI from 'mint-ui' Vue.use(MintUI); 样式引入 import 'mint-ui/lib/style.css'复制代码编写组件，全局组件注册//main.js import MyUI from './components/common/MyUI'; Vue.component(MyUI.name,MyUI) //组件名称， 组件对象//MyUI.vue //Home.vue 在这个组件引用全局注册的组件 复制代码props 谁用我谁来传时间格式转换需要定义时间格式的转换涉及到 `Moment` `fromNow` `format`命令： npm i moment -S//main.js import Moment from 'moment'; Vue.filter('converTime',function(data,formatStr) { return Moment(data).format(formatStr)}) //相对时间过滤器 Moment.locale('zh-cn')Vue.filter('relTime',function(time){ //几天前 return Moment(time).fromNow();}) //调用 convertTime('YYYY年MM月DD日') relTime复制代码格式转换
发表时间:{{news.add_time | convertTime('YYYY年MM月DD日')}}
几天前使用 {{msg.add_time | relTime}}复制代码列表页到详情页的传值1. 去哪儿