<body>
<div id="app">
<div>
<input type="text" v-model="uname">
<!-- 过滤器的使用方法 参数后面加 | 过滤器名称 -->
<span>{{uname | filterName}}</span>
</div>
</div>
<script src="js/vue.js"></script>
<script>
// 定义过滤器
Vue.filter('filterName',function(val){
return val.charAt(0).toUpperCase()+val.slice(1)
})
var vm = new Vue({
el:'#app',
data:{
uname:'',
tip:'',
},
methods:{
},
computed:{
},
watch:{
}
})
</script>
</body>
03-17
2749
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)