Nuxt基于服务端渲染简单总结

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_44195250/article/details/99290566

在这里插入图片描述
创建项目:临时安装nuxt-app
在这里插入图片描述

成功了就在这里插入图片描述

在这里插入图片描述
koa特点就是中间件
在这里插入图片描述
注意看饿了么ui,ant design

超规范:针对开发者代码规范
选择用an空格,不用就按回车
在这里插入图片描述

关于data里的数据获取通过created
在这里插入图片描述

安装过程在这里插入图片描述
第一个需要经历webpack打包
第二个红横线不用
在这里插入图片描述在这里插入图片描述
进公司第一天第一件事配秘钥

git可视化工具:不建议用
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
布局文件
在这里插入图片描述
相当于router
在这里插入图片描述
store就是vuex
在这里插入图片描述
pages就是路由
随便建一级路由
在这里插入图片描述
二级页面 routerview=nuxt-child在这里插入图片描述
路由传值
在这里插入图片描述
建detail
里面建_id.vue
列表页往详情页跳转
在这里插入图片描述
传一个值在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

就是个动画特效在这里插入图片描述
作用在每个路由上在这里插入图片描述

路由跳转在这里插入图片描述

一定要重启
在这里插入图片描述
页面跳转有个逐渐淡化的动画特效

获取异步的data的数据通过asyncData来去获取的异步数据给data
在这里插入图片描述

fetch

重启大法
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44195250/article/details/99290566