vue(5)绑定

taojYang

于 2019-06-18 16:15:48 发布

阅读量203

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_43293451/article/details/92794961

vue 专栏收录该内容

14 篇文章

订阅专栏

博客围绕Vue展开，但具体内容缺失，推测可能涉及Vue在前端开发中的应用、特性等信息技术相关内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>vue</title>
	<style type="text/css">
	</style>
</head>
<body>
	<script src="vue.min.js"></script>

	<div id="div1">
		<a v-bind:href="page">http://12306.com</a><!--:href-->
	</div>
	<script type="text/javascript">
		new Vue({
			el:"#div1",
			data:{
				page:'http://12306.com'
			}
		});
	</script>

	<div id="div2">
		hero name:<input v-model="name"><!--双向绑定-->
		<button @click="dbClick">提交数据</button>
	</div>
	<script type="text/javascript">
		new Vue({
			el:"#div2",
			data:{
				name:"teemo"
			},
			methods:{
				dbClick:function(){
					alert(this.name);
				}
			}
		});
	</script>
</body>
</html>

在这里插入图片描述