nuxt.js
vue组件页面解析,最开始使用的是初始化中含有的数据进行解析。
1.asyncData 配置项(只有page文件下的页面有该配置项),在页面初始化前(beforeCreate前)调用,获取到的数据,会与组件初始化时的data数据混合。
asyncData(context) 参数context 为上下文,详见 https://www.nuxtjs.cn/api/context
2.fetch配置项,在页面初始化之前(beforeCreate前)调用,返回的数据用于填充vuex状态树的初始数据。
3.只有beforeCreate和Created这两个生命钩子在客户端和服务端都会调用,其他的钩子只在客户端调用。
4.中间件 middleware
中间件允许您定义一个自定义函数运行在一个页面或一组页面渲染之前。
每一个中间件应放置在 middleware/
目录。文件名的名称将成为中间件名称 (middleware/auth.js
将成为 auth
中间件)。
间件执行流程顺序:
nuxt.config.js
- 匹配布局
- 匹配页面
然后就可以在 nuxt.config.js
、 layouts 或者 pages 中使用中间件: 在执行流程中就会执行该中间件
5.插件 plugins Nuxt.js 允许在运行 Vue.js 应用程序之前执行 js 插件。这在需要使用自己的库或第三方模块时特别有用。