在vue组件，每个组件都有各自的属性，这些属性大多挂载中属性 $options中，在chrome浏览器打印$vm0信息，我们就找到filter的信息。这里科普一下，在安装vue开发者工具后$vm0表示我们当前选择的组件，结果如下图所示：

从图形上看，当前组件的filters为一个对象，并不能直接找到，不过展开至__proto__原型上看到了我们的DateFmt方法。好了现在我们在继续在data中添加属性

curDateOptFilter: this.$options.filters.DateFmt(new Date(), 'yyyy-MM-dd hh:mm:ss')

是的，采用这个方式，就不用再引入vue或者函数了，跟直接在template使用一样。简洁方便，感觉好多了。在深入一点，通过调试我们就会发现 Vue.filter 是调用options.filters原型上的方法，如下图所示

4. 总结

再简单的功能，也有你想不到的用法。做开发，还是要会发散。本来这篇文章还想分享一下 vue 中scope css穿透功能。为了方便阅读，就且听下回分解吧。

好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对IIS7站长之家的支持。