Vue.js核心思想

vue又称之为(view视图):构建用户界面的渐进式框架

产生的原因(为单页应用而生)

在这儿说两种数据交互模型

  • 传统网站交互模型:打开一个网站,(这个网站有很多导航,也有很多页面)当我们点击某一个导航的时候,网站就会发生跳转,重新去请求页面,服务器返回页面,然后浏览器进行渲染,这个过程就是传统网站的交互模型

    这种方式也不能说不好,只是我们会发现,有时候我们点击导航的时候,只是希望网站中间的内容改变一下,头部,导航,底部是一样的,就不需要变了,这就引出了单页应用模型

  • 单页应用交互模型:核心(数据驱动页面)我们访问一个网站,点击跳转的时候,并不会全部整个的刷新页面,而是实现局部刷新,也就是数据发生改变的地方更新就行了,其他地方不要动

    这样可以节省我们的网络带宽,而且使整个应用看起来更为流畅,就像原始app一样,点击马上就过去了,而不像浏览器一样得转圈圈

在这儿肯定会有人疑惑单页应用和ajax其实差不多,会不会有人这么想,反正我是这么想过,其实熟悉前段三大框架的人都不会这么想,因为这两者根本就没有关系

  • 单页应用:核心就是(数据驱动页面)也就是说只要js数据发生改变,页面就会重新渲染,这里涉及比对算法,也就是拿上一次的DOM树和数据改变后的DOM书来进行比对,看看哪儿改变了,就渲染那一块
  • ajax是前后端数据交互的一种方式,是JavaScript异步请求,前台发起请求,后台相应请求,返回数据,前台进行渲染数据

vue第二大特点:数据的双向绑定(v-model)

第一向:内存数据改变,导致重新渲染页面,修改数据
第二向:页面数据发生改变,修改内存数据

猜你喜欢

转载自blog.csdn.net/Yun__shen/article/details/78489714