归纳vue的基本知识(三)

92 阅读2分钟

data为什么是个函数,并且返回的是一个对象?

  • vue中的组件是可以复用的(也就说是可以共享的),但组件中的data数据是私有的,为了防止data数据复用,将其定义为函数,避免组件与组件之间共享一份data数据。
  • 如果组件中的data数据以对象的形式表示的话,各个组件中的实例之间就会共用一份data数据,就会导致一个组件上的数据发生改变时,其他组件上的数据也会发生改变。
  • 如果组件中的data数据是一个函数并以函数返回值的形式定义,那么每复用一次组件时就会返回一份新的data数据,相当于给每个组件实例创建了一个私有的数据空间,每个组件实例都有自己的作用域并且相互独立,各自维护各自的数据互不影响。

 Vue的SSR是什么?有什么好处?

  • SSR就是服务端渲染,基于nodejs serve服务环境开发,所有html代码在服务端渲染完毕之后返回给前端然后前端进行渲染,即可成为浏览器识别的html,使其首次加载更快,有利于更好的seo优化。

vue的MVVM模式是什么?

  • Model(模型):负责从数据库中取数据
  • View(视图):负责展示数据的地方
  • VM:也就是View-Model,做了两件事达到了数据的双向绑定 一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。

MVVM模式,不仅简化了业务与界面的依赖,还解决了数据频繁更新的问题,不用再用选择器操作 DOM 元素。从而实现以vue数据驱动视图的思想。每个模块只需要专注自己的事情,这种低耦合模式提高代码的可重用性。