1、把组件按组分块:
有时候我们想把某个路由下的所有组件都打包在同个异步块 (chunk) 中。只需要使用 命名 chunk,一个特殊的注释语法来提供 chunk name (需要 Webpack > 2.4)。
Webpack 会将任何一个异步模块与相同的块名称组合到相同的异步块中。
{
path: '/user/login',
name: 'login',
component: () => import(/* webpackChunkName: "user" */ '@/views/user/Login')
},
2、页面跳转的方式:push 后面可以是对象,也可以是字符串
2-1、可以直接写字符串
this.$router.push('/list/table-list')
2-2、可以是一个对象
this.$router.push({ path: '/' })
2-3、可以不使用path,使用name也可以进行页面跳转,前提是在路由中配置了name属性。
this.$router.push({ name: 'equipMap' })
2-4、可以进行参数传递,接接收的时候用 this.$route.params 接收参数。
this.$router.push({ name: 'EngineParameterList', params: { id: val.id } })