任务三：NuxtJS基础

大飞君105902
446 阅读1分钟

NuxtJS介绍

image.png

NuxtJs的使用

image.png

初始化NuxtJs应用的方式

image.png

Nuxt路由导航

image.png

a连接会刷新，走服务端渲染

Nuxt动态路由

image.png

image.png

Nuxt嵌套路由

image.png

Nuxt自定义路由

image.png

Nuxt视图-模板

image.png

Nuxt视图-布局

用于给所有页面设置公共的布局，其实就是一个更简便的嵌套路由

image.png

Nuxt异步数据-asyncData

image.png

asyncData方法

image.png

Nuxt异步数据-上下文对象

image.png

avatar
文章
阅读
粉丝