Vue学习之路:过滤器 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue过滤器</title>

	</head>

	<body>
		<div id="app">
		<input type="text" v-model="msg" />
		//过滤器的赋值是用结果值加|得到。多个过滤器可以用|连接
		{{msg | upper}}
		</div>
	</body>

	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript">
	//创建一个过滤器.使输入的值的第一个字符为大写
	Vue.filter('upper',function(val){
		return val.charAt(0).toUpperCase()+val.slice(1);
	})
	
		var vm = new Vue({
			el: "#app",
			data: {
			 msg:''
			},
		
		})
	</script>
</html>

　　

posted @ 2021-07-01 16:11  王彬-效率开发  阅读(24)  评论(0)    收藏  举报