vue部分指令应用

最新推荐文章于 2024-09-12 19:13:21 发布

小何童鞋

最新推荐文章于 2024-09-12 19:13:21 发布

阅读量266

点赞数

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

本文链接：https://blog.csdn.net/qq_45111873/article/details/108719894

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

v-on：绑定事件监听器。
v-model:在表单控件或者组件上创建双向绑定。
v-for：基于源数据多次渲染元素或模板块。

<html>
	<head>
		<title>hello vue</title>
		<script src="vue.js"></script>
	</head>
	<body>
		<div id="app">
			<input v-on:keydown.13="kd" v-model="v" />
			<ul>
				<li v-for="item in items">
					{{ item }}
				</li>
			</ul>
		</div>
		<script>
			let vm=new Vue(
				{
					el:"#app",
					data:{
						items:[
							'aaaaa',
							'bbbbb',
							'ccccc'
						],
						v:'ddddd'	
					},
					methods:{
						kd:function(){
							this.items.push(this.v);
						}
					}
				} 
			)
		</script>
	</body>
</html>