详解全局API中的Vue.mixin 和Vue.filter

Question

最好是先说明全局API中的Vue.mixin 和Vue.filter作用,然后加上示例,最好讲解示例

Answer 1

mixin即混入，可以拓展原有方法和组件。比如你封装了一个弹窗组件，很多组件调用，经常会遇到在不同的组件中经常会需要用到一些相同或者相似的代码，这些代码的功能相对独立
这时，可以通过Vue的mixin功能将相同或者相似的代码提出来https://cn.vuejs.org/v2/guide/mixins.html  和https://www.jianshu.com/p/a91d40214604例如弹窗组件

filter即过滤器。可以用来过滤数据 用法就是 | 。https://cn.vuejs.org/v2/guide/filters.html

比如你展示时想要把某个属性，变成特定的格式 例如

//time格式时 2018 展示时先要对他进行加工就可以用filter 可以多个一起使用
{<!-- -->{time | filterTime |filterTimeA}}


filters:{
 filterTime(value){ //value就是原来的值
   return value+"年"
 },
 filterTimeA(value){ //value就是原来的值
   return value+"你好" //结果就是2018年你好
 }
}