一,概念
是一个轻量级 渐进式的前端框架
特点:数据驱动,MVVM 组件化
好处:封装了dom
vue的基本步奏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试vue</title>
<!-- 1引入外部的vue.js文件 -->
<script src="js/vue.js"></script>
</head>
<body>
<!-- 2准备数据渲染区 -->
<div id="app">
<center>
<h1>{{msg}}</h1>
<h2>{{name}}</h2>
<h3>{{age}}</h3>
</center>
</div>
<!-- 3使用Vue准备数据 -->
<script>
//3.1创建vue对象
new Vue({
el:"#app",//element的简称,即将把准备好的数据,渲染到指定区域--挂载点,#app是利用css的id选择亲,选中了一个HTML元素
//3.2准备即将要在浏览器展示的数据
data:{
msg:'hello Vue~',
name:'周润发',
age:59
}
})
</script>
</body>
</html>