天天看点

vuejs-Vue.filter自定义

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

</head>

<body>

<div id="app">

        {{message | reverse | uppercase}}

    </div>

<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>

<script>

Vue.filter('reverse',function(value){

return value.split('').reverse().join('');

});

var vm = new Vue({

el:'#app',

data:{

message:'Hello'

}

</script>