开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >vue.js. v-model

vue.js. v-model

作者头像

贵哥的编程之路

发布于 2021-03-02 15:43:17

6190

发布于 2021-03-02 15:43:17

举报

文章被收录于专栏：用户7873631的专栏用户7873631的专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<script type="text/javascript" src="./vue.min.js"></script>
	</head>
	<body>
		<input type="" name="" v-model='msg'/>
		{{msg}}
		<script type="text/javascript">
			new Vue({
				el:'body',
				data:{msg:''}
			});
		</script>
	</body>
</html>

v-model

这个指令是代表可以在这个input里面输入东西， {{msg}}会输出出来. 前提是： v-model里面的变量必须是data里面的东西。

解释：

效果：

在这里插入图片描述

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2021-02-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

解释：
效果：