首页 > 技术文章 > vue2.0 自定义过滤器

yellowh 2017-07-11 22:01 原文

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="vue.js/vue.js" type="text/javascript" charset="utf-8" ></script>
<title>过滤器在vue2.0中已经废弃了需要自定义过滤器</title>
</head>
<style>
</style>
<script >
window.onload = function(){

       Vue.filter('uppercase', function(value) { //自定义过滤器一定要在实例化vue前面,否则会爆错误
                   value = value+1;
                   return value;
       })
      new Vue({
               el:"#app",
               data:{
                    msg:15
              }
      })
}
</script>
<body>
<div id="app">
{{msg|uppercase}}</p>
</div>
</body>
</html>

推荐阅读