【Vue2.0】—过滤器（七）

<body><div id="root"><h2>显示格式化后的时间</h2><!-- 计算属性实现 --><h2>现在是{{fmtTime}}</h2><!-- methods实现 --><h2>现在是{{getFmtTime()}}</h2><!-- 过滤器时间实现--><h2>现在是{{time | timeFormater}}</h2></div><div id="root2"><h2>现在是：{{msg |mySlice }}</h2></div><script>Vue.config.productionTip = false;//全局过滤器Vue.filter('mySlice', function(value) {return value.slice(0, 4)})new Vue({el: "#root",data: {time: 1637047951556 //时间戳},computed: {fmtTime() {return dayjs(this.time).format('YYYY年MM月DD HH:mm:ss')}},methods: {getFmtTime() {return dayjs(this.time).format('YYYY年MM月DD HH:mm:ss')}},filters: {timeFormater(value) {return dayjs(value).format('YYYY年MM月DD HH: mm: ss ')}},})new Vue({el: "#root2",data: {msg: 'hello world'}})</script>
</body>

【Vue2.0】—过滤器（七）相关推荐

[vue] vue2.0不再支持v-html中使用过滤器了怎么办？
[vue] vue2.0不再支持v-html中使用过滤器了怎么办? 在method中定义方法 htmlFilter(htmlString){ return htmlString.replace(/+s ...
Vue2.0实现1.0的搜索过滤器功能
Vue2.0删除了很多1.0的比较实用的过滤器,如filterBy,orderBy.官方文档给了通过计算属性实现1.0搜索过滤器功能,自己又加入了大小写通用检索功能,比较简单,学一下. <bod ...
Vue2.0（第七周）
VUE2.0初学(六) 动态组件&异步组件一.keep-alive 我们之前曾经在一个多标签的界面中使用 is attribute 来切换不同的组件: <component v-bin ...
vue2.0读书笔记2-进阶
一.深入响应式原理二.过渡效果三.过渡状态四.Render函数五.自定义指令六.混合七.插件八.单文件组件九.生产环境十.路由 vue-router: http://router.v ...
vue2实践揭秘pdf_《Vue2.0 实践揭秘》终于出版啦！
不知不觉间在园子开博都两年多了,最近一些园友问最近去哪了为何都没有新的文章了.最近确实发生了很多的事,一是忙工作二就是忙着写书.这还得多些园子的小编,自两年前发表的"架构师修炼"系 ...
Vue2.0以后，有哪些变化
最近移动端项目版本升级,Vue由之前的1.0升级到2.3,那么,Vue2.0之后,有哪些细节的变化呢,现在总结如下: 1.在每个组件模板,不再支持片段代码组件中模板:之前:<template& ...
【Vue2.0】—vue-router（二十七）
[Vue2.0]-vue-router(二十七) 一.路由配置作用:让路由组件更方便的收到参数二.<router-link></ router-link> 的replace ...
【Vue2.0】—vue-router（二十六）
[Vue2.0]-vue-router(二十六) 一.vue-router 的理解它是vue 的一个插件库,专门用来实现 SPA 应用二.对 SPA 应用的理单页 Web 应用(single p ...
Vue2.0 新手入门 — 从环境搭建到发布
什么是 Vue.js? Vue.js 是用于构建交互式的 Web 界面的库. Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单.灵活的 API. 本章节是关于 Vue1.x 版 ...

【Vue2.0】—过滤器（七）

【Vue2.0】—过滤器（七）

【Vue2.0】—过滤器（七）相关推荐

最新文章

热门文章