Vue.js核心思想

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

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

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

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

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

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

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

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

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

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

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

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

china-yun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值