Vue实战（01）：第一个程序Hello World_vue 第一个程序:“helloworld”程序

作者：Gausst松鼠会 | 2024-02-13 02:22:45

踩

vue 第一个程序:“helloworld”程序

<body>
		<div id="app">
			<input type="text" v-model="message" placeholder="请输入" ></input>
			<h1>你好，{{ message }}</h>
		</div>

	<script>
		var example = {
			message: ''
		}
		
		// 创建一个 Vue 实例并进行数据的双向绑定
		var vm = new Vue({
			el: '#app',
			data: example
		})
	</script>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

演示效果：在输入框中输入名字，会在下方标题进行数据同步。
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/79408