vue过滤器
Posted wangyuxue
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue过滤器相关的知识，希望对你有一定的参考价值。
一、解释
概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 javascript 表达式的尾部，由“管道”符指示；
二、实例
<body> <div id="app"> <p>{{ msg | msgFormat(‘疯狂+1‘, ‘123‘) | test }}</p> </div> <script> // 定义一个 Vue 全局的过滤器，名字叫做 msgFormat Vue.filter(‘msgFormat‘, function (msg, arg, arg2) { // 字符串的 replace 方法，第一个参数，除了可写一个 字符串之外，还可以定义一个正则 return msg.replace(/单纯/g, arg + arg2) }) Vue.filter(‘test‘, function (msg) { return msg + ‘========‘ }) // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: ‘#app‘, data: { msg: ‘曾经，我也是一个单纯的少年，单纯的我，傻傻的问，谁是世界上最单纯的男人‘ }, methods: {} }); </script> </body>
以上是关于vue过滤器的主要内容，如果未能解决你的问题，请参考以下文章