logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

Nuxt 页面的布局:Layout

在nx应用中,可以创建布局以复用诸如标题导航栏和侧边栏等界面元素。布局存放在项目的layout目录下,其中可以创建一个名为default.view的文件作为默认布局。布局组件的设计与常规组件类似,包含模板(template)、样式(style)和脚本部分(script)。模板中定义了应用的标志、导航栏和一个内容插槽(slot)来显示页面内容。样式可以通过@import导入资产样式表default.css。在使用布局时,需要在app.view组件外包上nex layout,这样应用中的所有页面都会默认使用该布局,并显示定义在布局中的界面元素,例如表情符号和应用名。若在Chrome浏览器安装了Vivo开发者工具,可以观察页面组件的结构,其中会显示使用的是default布局组件,后续组件包括router view和其他匿名组件。