vue使用filter,vue.filter在vue中的使用

　　本文主要介绍vue中filter和directive的相关资料，帮助你更好的理解和学习使用Vue框架。感兴趣的朋友可以了解一下。

目录

　　 vue自定义指令- directive全局指令局部指令使用hook函数(均可选)。参数vue中有两种过滤器：局部过滤器和全局过滤器。

　　过滤器可用于一些常见的文本格式。过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从2.1.0开始支持)。过滤器应该添加在JavaScript表达式的末尾，用“管道”符号表示(官方文档)

　　！-在双花括号里-

　　{{邮件大写}}

　　！-在“v-bind”

　　div v-bind:id= rawId formatId /div

　　1.定义不带参数的全局过滤器。

　　Vue.filter(大写、function (msg) {//msg都是固定参数，也就是你需要过滤的数据。

　　如果(！值)返回“”

　　value=value.toString()

　　返回值. charAt(0)。toUpperCase() value.slice(1)

　　})

　　2.定义参数化全局过滤器。

　　div id=应用程序

　　P{{ msg msgFormat (crazy ，-)}}/p

　　/div

　　脚本

　　//定义一个名为msgFormat的Vue全局过滤器。

　　Vue.filter(msgFormat ，function(msg，arg，arg2) {

　　//replace方法的字符串，第一个参数，除了写字符串外，还可以定义一个正则

　　Return.replace (/simple /g，arg arg2)

　　})

　　/脚本

　　3.本地过滤器

　　带参数和不带参数的局部过滤器的定义和用法与全局过滤器相同。唯一的区别是本地过滤器是在vue的实例中定义的。它的动作区域也是vue实例控制的区域。

　　//创建Vue实例以获取ViewModel

　　var vm=new Vue({

　　埃尔： #app ，

　　数据：{

　　味精：“味精”

　　},

　　方法：{}，

　　//定义私有本地筛选器。只能在当前vue对象中使用。

　　过滤器：{

　　数据格式(消息){

　　返回消息

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。