[JavaScript知识库]Nuxt入门之服务器与浏览器环境

文档：Nuxt - Server Side Rendering

1.简介

因为大部分的渲染过程处于 Node.js 环境中，所以可以访问 Node.js 对象。

无权访问window或document对象，因为它们属于浏览器环境。

但是，可以通过使用beforeMount或mounted钩子访问window或document。

2.使用

2.1 访问浏览器环境

假如在data函数中使用window

<template>
  <div>
  {
  { name }}
  </div>
</template>

<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  data: function(){
    return {
      name: 'data'
    }
  }
})
</script>

会得到

window is not defined

2.2 访问node环境

如果改成node环境里的process

<template>
  <div>
      {
  { name }}
  <

了解本专栏 订阅专栏 解锁全文 学习会员免费看 赠6个月