欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VUE学习-初识VUE

程序员文章站 2024-02-01 18:35:34
...

初识VUE

VUE

一套构建用户界面的渐进式框架,Vue是一个数据驱动页面的框架,基于MVVM模式,V指视图,M指数据,VM指视图模型,把数据绑定到视图上。整个框架着重于VM部分
VUE学习-初识VUE

开始

vue官网:https://cn.vuejs.org
1、下载vue.js,直接官网下载开发版
2、创建hello.html,通过引入vue.js
4、创建vue实例,并设置接管html元素(与html的dom节点绑定),也称为vue的挂载点。
3、一个简单的例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./vue.js" ></script>
	</head>
	<body>
		<div id="root">{{msg}}</div>
		<script>
			new Vue({
				el:"#root",
				data:{msg:"hello word"}
			})
		</script>
	</body>
</html>


效果:
VUE学习-初识VUE

相关标签: vue 基础