VUE的导入（HelloWord）_vue导入

作者：从前慢现在也慢 | 2024-06-13 05:29:58

踩

vue导入

Vue的官网：https://v3.cn.vuejs.org/

主要学习3.x

导入VUE.js


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../js/vue.js"></script>
		<!-- <script src="https://unpkg.com/vue@next"></script> -->
	</head>
	<body>
		<div id ="box">
			<!-- {{}} 称为插值表达式，用来进行数据的展示 -->
			<h4>{{ msg }}</h4>
			<!-- v-model是指令 -->
			<input type="text" v-model="msg"/>
		</div>
		<script type="text/javascript">
			//创建应用程序的实例
			const app = Vue.createApp({
				data:function(){//定义数据仓库
					return{
						msg:"welcome"
					}
				}
			})
			//挂在应用程序实例，指定关联的元素，创建Vue实例
			app.mount("#box")
		</script>
	</body>
</html>

MVVM数据绑定介绍：

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