当前位置: 首页 > 后端技术 > Node.js

认识vuessr(nuxt.js)----持续更新

时间:2023-04-03 23:43:33 Node.js

安装//vue-cli创建nuxt模板项目$vueinitnuxt-community/starter-template//安装依赖$cd$npminstall//编译并启动服务$npmrundev//打开http://localhost:3000目录结构assets需要编译的资源文件,如JavaScript、SASS、LESS等.static不需要编译的静态资源文件,比如图片资源。components顾名思义就是存放*.vue组件的地方。一般用于存放非页面级组件,如页眉、页脚等公共组件。该目录下的组件具有常规vue组件的方法和特性,不会被nuxt.js扩展。layouts布局目录,设置布局的地方,其中标签就是我们写页面内容的地方。可以作为一个段来添加导航栏、底栏等。middleware中间件目录,所谓的中间件,就是在页面和页面跳转中执行的功能方法。比如页面跳转时验证用户信息操作。页面用于存储页面级组件。该目录下的文件会被转换成相应的路由路径供浏览器访问。另外,该目录下*.vue页面文件中的Nuxt.js提供了一些特殊的服务端渲染事件处理方法。页面路由,pageplugins插件目录,像mint-ui这样的第三方插件都放在这里。plugin存放vuexstatemanager的目录,如果该目录为空,Nuxt.js不会启用vuex。我们在这个文件夹中创建了index.js文件之后,就可以使用vuex状态管理器nuxt.config.js了。该文件是Nuxt.js唯一的配置项。前面说了Nuxt.js封装了Webpack等所有配置就OK了,所以如果需要特殊配置,只需要修改文件覆盖默认的配置API即可,注意header和footer放在layout目录下default