【汇智学堂】 Vue框架基础（2）

最新推荐文章于 2019-12-24 17:59:59 发布

判官丶

最新推荐文章于 2019-12-24 17:59:59 发布

阅读量101

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/weixin_44711285/article/details/103633631

版权

Web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

双向数据绑定

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<h1>{{message}}</h1>			
			<input type="text" v-model="message" />			
		</div>
	</body>

	<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js'></script>		
		<script>
			var vm=new 	Vue({
				el:'#app',
				data:{
					message:'hello world,I am Vue.js'
				}
			});
		</script>			
</html>

实现标题展示随着输入框输入变化而变化。

效果图展示

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

判官丶

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【汇智学堂】 Vue框架基础（2）

双向数据绑定<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <h1>{{message}}</h1...
复制链接

扫一扫