methods vue过滤器 和_vue过滤器和案例实现

使用vue插件

使用chrome浏览器调试插件Vue.js devtools

添加一行代码Vue.config.devtools = true;

使用devtools插入代码.png

vue调试面板.png

vue过滤器

过滤器只会改变显示结果,而不是修改数据

过滤器调用时候的格式

{ {msg|msgFormat}}

定义一个过滤器，把显示结果你改成他，只会修改第一个(放在script标签的开头？放在结尾的时候没有显示效果)

Vue.filter('msgFormat',function(msg){

return msg.replace('他','你')

})

data:{

msg:'他的朋友，他的敌人'

},

修改效果.png

除了可以写一个字符串之外，还可以定义一个正则，将所有‘你’改成‘他’

Vue.filter('msgFormat',function(msg){

return msg.replace(/他/g,'你')

})

全部关键字修改.png

传入一个参数的过滤器

V