vue+ts项目
vue简介
定义
官方定义:构建用户界面的自上而下的渐进式框架
构建用户界面:根据用户需求可以通过vue框架将需求展示在浏览器,用户可以在浏览器进行操作的框架
自上而下:所有的框架都是根据原生js来写的,原生js也叫底层代码,一些功能如果自己来写的话相当复杂,而且也比较难,但是框架自己实现了许多功能,只需要调用即可,不需要在自己写。vue也可以自己封装一些功能性的东西,在极端条件下才需要我们自己来操作DOM。
渐进式:声明式渲染:告诉框架渲染的位置以及结果,框架自己去渲染,我们不需要考虑它渲染的过程如何。
核心
一句话:vue的核心就是数据驱动和组件化。
数据驱动:通过Object.defineProperty方法将数据源(data当中的数据)遍历、修改、添加或删除形成set和get。get当中添加订阅者,set监听数据变化。遍历各个节点,将改变的数据初始化到视图层。还应用了观察者模式(data可以视为发布者)。
优势
- 不需要操作dom。
- 能够很好贴合三方库。
响应式
vue的源码是在一个自运行函数当中,因此它是响应式的
fun(){
console.log("嘿嘿") 不需要调用就能够自己运行
}()