1、为什么要学习vue
学习Vue之前我们先来谈谈JQ的优点:
链式操作DOM
抹平各个浏览器之间的差异
频繁的操作DOM会造成什么呢？
回流和重绘：
页面布局流发生改变就叫做回流
重绘元素自身的额样式发生改变但是不会影响布局流
回流一定会发生重绘 重绘不一定会发生回流
2、vue的发展史
渐进式的JavaScript的框架
vue的作者：尤雨溪
mvvm框架:
M:model层 数据的增删改查
V:view层 视图的展示 类似于html一样的模板
VM:viewModel层 model层view层之间的控制层
vue最大的特点
数据驱动视图 虚拟DOM 组件.....
如何做到数据驱动视图？
Object.defineProperty()；
getter(get()) setter(set())；
vue3.0 new proxy()；
3.初体验
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="app">
<input type="text" v-model="msg">
<p>{{msg}}</p>
</div>
</body>
</html>
<script src="./vue.js"></script>
<script>
new Vue({
//vue所作用的范围
el:"#app", //document.querySelector("#app")
//当前Vue所需要的一些状态 当前组件所需要的一些状态 当前vue所需要的一些属性
data:{
msg:"1905"
}
})
</script>