引用vue

引用vue

一、整体顺序

二、代码

javascript 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue入门</title>
		<script src="../JS/js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- v-model是用来指定数据模型的 -->
			<input type="text" v-model="message"/>
			<!-- // 下面的双括号是一个差值表达式,表示显示该数据 -->
			{{message}}
		</div>
	</body>
	<!-- 先引入vue的js文件 -->
	<script>
		//创建核心vue对象
		new Vue({
			// 指定控制区域
			el:#app,
			// 定义数据模型
			// {}代表声明的是一个对象
			data{
				message:"Hello vue"
			}
		})
	</script>
</html>
相关推荐
超人不会飛24 分钟前
就着HTTP聊聊SSE的前世今生
前端·javascript·http
蓝胖子的多啦A梦27 分钟前
Vue+element 日期时间组件选择器精确到分钟,禁止选秒的配置
前端·javascript·vue.js·elementui·时间选选择器·样式修改
夏天想29 分钟前
vue2+elementui使用compressorjs压缩上传的图片
前端·javascript·elementui
The_cute_cat31 分钟前
JavaScript的初步学习
开发语言·javascript·学习
海天胜景34 分钟前
vue3 el-table 列增加 自定义排序逻辑
javascript·vue.js·elementui
今晚打老虎z38 分钟前
dotnet-env: .NET 开发者的环境变量加载工具
前端·chrome·.net
用户38022585982443 分钟前
vue3源码解析:diff算法之patchChildren函数分析
前端·vue.js
烛阴1 小时前
XPath 进阶:掌握高级选择器与路径表达式
前端·javascript
小鱼小鱼干1 小时前
【JS/Vue3】关于Vue引用透传
前端
JavaDog程序狗1 小时前
【前端】HTML+JS 实现超燃小球分裂全过程
前端