Vue简介
废话不多说,后面文字可能会引用官网的文字,请大家忽略,主要看代码
什么是vue?
Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Vue 也完全能够为复杂的单页应用提供驱动。
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
上面的代码message会响应,只要通过各种方式修改message的值,message会实时在模板中改变,好神奇哦!比起之前用原生js配合html实时获取Input值,为什么会这么简单?
Vue的两个特点: 双向数据绑定, 虚拟DOM
双向数据绑定使得数据实时刷新,期间vue做了很多工作,通过观察者模式来实现双向数据绑定,通过虚拟DOM实现最小的更新dom,减少浏览器的重绘和渲染。
什么是双向数据绑定?
什么事观察者模式?
什么是虚拟DOM?
什么是浏览器的重绘和渲染?