UNXT：服务端渲染技术
SEO：搜索引擎优化
搜索引擎收入则网站快。数据和静态页面一起抓取作为静态的页面。
---------------------------------------------------------------------------------01----------------------------------------------------------------------------------
搭建NUXT：
看文档要指定两个名字的。
看下目录：assets主要是存储静态的资源文件
layouts：布局文件
pages：页面
plugins：放的是插件
store:状态管理
------------------------------------------------------------------------------02---------------------------------------------------------------------------------
布局：
第一步：
第二步：中间的是在哪里来的？
----------------------------------------------------------------------------03------------------------------------------------------------------------------
页面路由：
知识点1：自动找页面
自动找布局中间的页面：
-----
可以直接这样写：
----
这样也是可以的。
----------------------------------------------------------------------------04-------------------------------------------------------------------------------
服务端的数据渲染。
钩子函数：https://www.cnblogs.com/8080zh/p/11164277.html
这个方法执行的代码都是在服务区执行的。
UNTX官网：
测试：
加载数据的逻辑要写在这里在后台 加载。
------------
安装axios:
使用：
----------------------------------------------------------------------------05-------------------------------------------------------------------------------
动态路由：
注意命名规则：
动态的参数要用下划线开头的。
------
点击进入活动详情：
注意这个是表达式所以加:
跳转前：
跳转后：
注意不是父子路由
也可以这样的：
----------------------------------------------------------------------------06-------------------------------------------------------------------------------
十次方网站前台搭建：
第一步：
拷贝
第二步：
第三步：
拷贝头部和尾部。
替换：
引入样式：
第四步：
头部信息完成了。
-----------------------------------------------------07----------08-------------------------------------------------------------------------------
第一步：
复制这个html。
拷贝到这里：
第二步：替换：
第三步：导入样式
-----------------------------------------------------09----头条页面-----------------------------------------------------------------------------------------
问答页面：
第一步：
第二步：
同样的方法去拷贝。去替换即可。
-----------------------------------------------------10---------------------------------------------------------------------------------------------
活动页面：
-----------------------------------------------------11---------------------------------------------------------------------------------------------
交友界面：
第一步：
----------------------------------------------------12---------------------------------------------------------------------------------------------
吐槽：
第一步：
第二步：拷贝
第三步：替换./
第四步：
-----------------------------------------------------13---------------------------------------------------------------------------------------------
招聘：
-----------------------------------------------------14---------------------------------------------------------------------------------------------
导航：重点看
-----
注意下这三个部分：
其中nuxt自动找：
------
导航的**提示：
静态界面：
优化后的：
router的官方文档看下**的样式和/是包含所有路径的是如何解决的：https://router.vuejs.org/zh/api/#router-link
-----------------------------------------------------15---------------------------------------------------------------------------------------------
活动模块的渲染：
原来：
设计思路：
第一步：创建工具类
第二步：创建api：
第三步：
调用。
第四步写静态界面：
-----------------------------------16----------17--------------18-----------------------------------------------------------------------------------------