Vue 的响应式/模版解析/渲染

| 字数 883

        对于使用 vue 的同学来说,响应式、模版解析/渲染应该都很熟悉,vue 开发离不开这些特性。用了 vue 挺长时间了,写写总结。

响应式

创建一个普通的对象:

1
2
3
4
5
let t = {
name: 't1'
age: 19
}
console.log(t.age) // 19 那么如何监听age属性的访问与设置呢?

在es5中加入了一个api叫 Object.defineProperty,该api允许

Nuxt.js踩坑实录

| 字数 1669

        前一阵子接触一个新项目,用了vue中的ssr解决方案 — Nuxt.js。也算是小有感受,记录一些经验留后备用。

CSR & SSR

什么是 CSR ?

CSR => client-side-reder,即客户端渲染。具体过程如下:

  • 用户请求页面,返回页面。此时页面只是模版页面
  • 浏览器解析页面代码,读到js代码时,会根据我们所写的接口去请求数据
  • 得到返回数据后使用模版(vue/react/ng/art-template)进行渲染

    什么是 SSR ?