引用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>
相关推荐
用户4099322502126 分钟前
FastAPI的查询白名单和安全沙箱机制如何确保你的API坚不可摧?
前端·后端·github
前端小巷子14 分钟前
深入 npm 模块安装机制
前端·javascript·面试
深职第一突破口喜羊羊1 小时前
记一次electron开发插件市场遇到的问题
javascript·electron
cypking1 小时前
electron中IPC 渲染进程与主进程通信方法解析
前端·javascript·electron
西陵1 小时前
Nx带来极致的前端开发体验——借助playground开发提效
前端·javascript·架构
Britney⁺♛&?ꪶꪫꪜꫀ2 小时前
Vue2上
vue.js·npm
江城开朗的豌豆2 小时前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js
float_六七2 小时前
JavaScript:现代Web开发的核心动力
开发语言·前端·javascript
zhaoyang03012 小时前
vue3笔记(2)自用
前端·javascript·笔记
UrbanJazzerati3 小时前
JavaScript Promise完整指南
javascript