# Nuxt

# nuxt是什么？

• 🐬官方文档
• Nuxt的总结、🚀中文版
• Nuxt demos
• Live Demo
• 特殊的钩子Async Data
• asyncData和fetch的区别
• Nuxt的lifecyle

# Nuxt的常见用法

我将官网的demo融合成了一个，带有关键性的注释 🚀直达

# 关于Nuxt的常见issue 0.10.1+

• 刷新与asyncData钩子 Only server-side

• asyncData钩子中使用promise.all

• fetch和async只在页面级组件可用

• 以上钩子刷新页面会报错

• 刷新页面asyncData传参问题

• 论asyncData的重要性

• Vuejs Error (The client-side rendered virtual DOM tree is not matching server-rendered)的解决方案

• 由admin/test nuxt-link 跳转到admin/test/1 时，不会执行created,一些请求，可由asyncData来完成,如果不想watch route的话.

• asyncData fetch 的request仅在process.server为false时可调用

• process.server 仅在node控制台可打印为true,其他情况均为false,不可用于created生命周期作判断

• 依据 pages/ 目录结构自动生成 vue-router 模块的路由配置，但是页面路由有bug，具体看Issue