【四二学堂】缩写(v-on缩写:vue系列入门示例之十一)

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>指令-参数的使用</title>
		<script src="vue.js" type="text/javascript" charset="UTF-8"></script>
	</head>
	
	<body>
		<div id="app">
			<p v-if="seen">现在你看到我了</p>
			<p><a v-bind:href="url">百度</a></p>	
			<div @click="click1">
				<!-- <div @click="click2">
					Click me!
				</div> -->
				 <div @click.stop="click2">
					Click me!
				</div> 
				
			</div>
		</div>
		
		<script type="text/javascript">
			var vm=new Vue({
				el:'#app',
				data:{
					seen:true,
					url:'http://www.baidu.com'
					//seen:false
				},
			
			methods:{
				click1: function(){
					console.log('click1');
				},
				click2:function(){
					console.log('click2');
				}
			},
			
		});
		</script>
	</body>
</html>

发布了402 篇原创文章 · 获赞 48 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_39593940/article/details/105049937