Nuxt布局并获取静态内容

问题描述 投票:0回答:1

我在每个页面上都有一个通常是静态的标题-除了需要根据页面进行更新的按钮之外。理想情况下,我想在link中有一个名为static/content/xxx的变量然后从layouts/default调用它。但是,似乎无法访问静态内容中的任何变量。作为vue和nuxt的新手,我希望获得一些指导。我尝试使用asyncData,但是在我的布局中似乎根本没有调用它。

vue.js nuxt.js
1个回答
1
投票

布局是一个静态包装器,它将包装您的主要内容。使用布局的主要思想是不要一次又一次地写相同的内容。如果您仅使用Vue,则可以使用子路径访问比该类型的功能更多的项目。

只需将公共布局添加为父组件,并将更改或不同的内容添加为子组件。

至此,如果您对页面的按钮内容有所不同,而不是不将其放置在布局中,则应分别遍历各个组件。

而nuxt应用程序中的静态文件夹包含不应更改的数据,例如仅使用css文件或外部脚本文件以及bootstrap和jquery的示例,这些是嵌入在应用程序中的库,而不是更改它们的库内部,我们只使用它们。这种类型的内容放置在静态目录(文件夹)中

希望对您有帮助

© www.soinside.com 2019 - 2024. All rights reserved.