Nuxt

community_412 2023-03-01 17:11:06

当使用Nuxt创建一个Vue.js应用程序时，以下哪个选项是正确的？

返回练习题答题页面

...全文

31 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。要在页面之间使用路由，我们建议使用<nuxt> 标签。正文对我来说，Nuxt 是我所用过最好用的软件代码之一。它可以让我高效率地打造网站应用，无论这些应用是 SPA，还是 SSR，又或者是静态站点，这同时也是 JAM Stack 上面所提到的趋势。顺便提一点，我们这个网站Vuedose 也是使用 Nuxt 所建立静态站点。但是，绝大多数自己领悟的很有意思的使用技巧并没有被记载沉淀下来，这不行，现在我们就来分享第一个 Nuxt 的技巧。如果你熟悉 Nuxt.js，那么你就应该知道pa

我们都知道，在写SPA的时候，我们可以通过配置vue-router来实现路由的重定向。官方文档（以及ts类型）的定义中给出了这一选项： interface RouteConfig = { path: string, redirect?: string | Location | Function, } 也就是说，我们可以定义这样一个路由： { path: /foo, redirect: /foo/bar, } 这样，我们在访问/foo的时候，就会被重定向到/foo/bar。这些都是老生常谈了。然而，到了SSR的环境下，如果使用nuxt，因为nuxt采用了约定大于配置的

有时候我们pages中不同的页面需要不同的个性化布局这时候layout就起作用了 layouts 根目录下的所有文件都属于个性化布局文件，可以在页面组件中利用 layout 属性来引用。 pages文件下组件的layout属性值为layout文件下的所对应的布局组件的名称请确保在布局文件里面增加 <nuxt> 组件用于显示页面非布局内容。举个例子 1.layouts/custom_layout.vue: