next.js基础入门
# 说明
- react遵循es6语法
- 下面的对象属性是具有 get和set 方法的
# next.js
1. pages下面的页面就是next.js的路由
2. 可以继承 next App 进行操作，_app.js 这个文件是规定好的
3. _document.js 这个文件也是规定好的，进行domc操作
1
2
3
2
3
# 元数据
# __NEXT_DATA__ 所有 initialProps 的数据都在放在这里，
# 这也是 SSR 服务端渲染的根本，是根据initialProps的数据动态进行 createElmemnt dom创建的
getinitialProps:
1
2
3
2
3
# 路由
Link:
Navigate:
Router: push
1
2
3
2
3
# 查询参数
Router.push({
pathname: '/test/b',
query: {
id: 1
}
}
)
1
2
3
4
5
6
7
2
3
4
5
6
7
# 路径参数
通过ad进行跳转： <Link href-"/a?id=1" as="/a/1" title= "AAA">
1
# 路由事件
上次更新: 2023-09-07 10:26:52