Nuxt SSR框架组件使用与服务器端渲染详解.pdfVIP

1使用组件

1.1功能组件

我们一般会把中的每个小的功能模块制作成一个组件，比如，翻页组件、导航条组件等。每个

组件就是一个.vue文件，都保存在components目录中。

比如：导航组件：

li您好，欢迎来到商城！[ahref=login.html登录/a][a

li我的订单/li

li客户服务/li

1.2使用组件

使用这些功能组件的流程是：

1.使用import引入组件

2.组件

3.模板中使用

比如：

components:{

作业：实现组件，同时实现组件的样式

2代码执行的时机

2.1服务器端执行的代码

Nuxt是一个SSR（服务器端渲染）的框架，那么什么叫服务器端渲染？

就是代码是在服务端执行的，浏览器中看到的结果，是代码在服务端执行完的代码。

前端项目客户端渲染：浏览器解析js代码

前端项目服务器端渲染：node服务器解析js代码，if、for都在服务器执行解析完成，发HTM