filter:过滤器,基本的概念这里就不再复述,官方文档很详细
全局使用filter:
新建一个filter.js文件
const filters = { reverseMsg:msg=> msg+',this is filter', concatMsg:msg=>msg+',this is filter,lalalala' } export default filters
在mian.js中注册filter.js文件
import filters from '../src/filter' Object.keys(filters).forEach(k=>Vue.filter(k,filters[k]))
在具体的组件中使用
<div>{{count | reverseMsg | concatMsg}}</div>
局部使用filter:在具体使用的组件中定义filters
export default { data() { return { } }, filters:{ spliceMsg:msg=>msg+'1111111' } }
//具体使用
<div>{{count | reverseMsg | concatMsg | spliceMsg}}</div>