vue 过滤器 filter的使用

使用：由“管道” （|）符号 指示

{{ message | handleStr}}

1、组件内局部定义：

filters: {
    handleStr: function (str) {
      return str.toUpperCase()
    }
  },
  created () {
  },

2、创建vue实例之前全局定义：

Vue.filter('hanleStr', function (val) {
  return val.toUpperCase().slice(1)
})
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

注：当全局过滤器和局部过滤器重名时，只会采用局部过滤器。