默认导出[
{
路径： \’/登录\’,
组件： 登录
}
]
在router.js文件中编写入口文件的代码。一个例子是：
我们建议在服务器端渲染过程中使用实例1返回Vue Router。使用相同的Vue Router 会导致内存溢出。尽管您可以使用相同的Vue Router 进行客户端渲染，但我们建议使用实例1 返回Vue Router 实例。
//引用vue-router插件
从“vue-router”导入路由器
//使用基本路由配置
从“./routes”导入路由
//返回Vue Router 实例1
导出默认值()={
返回新路由器({
根
})
}
//返回Vue Router实例2
//常量路由器=新路由器({
//根
//})
//导出默认路由器
定义Vue Router入口文件后，在项目入口文件（index.js）中使用它。
从“vue”导入Vue
从“./app.vue”导入应用程序
从“vue-router”导入VueRouter
从“./config/router”导入createRouter
Vue.use(VueRouter)
常量路由器=createRouter()
新Vue({
路由器，
render: (h)=h(应用程序)
}).$mount(根)
Vue路由器配置
=============
Vue Router入口文件router.js设置详解
从“vue-router”导入路由器
从“./routes”导入路由
导出默认值()={
返回新路由器({
根，
//链接可以加前缀
Base: ‘/base/’,
//链接访问方法。 Vue 默认为哈希模式，但你可以将其设置为历史模式。
mode:“历史”，
//使用/login 设置页面内的导航
//当前激活状态页面对应的跳转链接有两种样式：router-link-exact-active 和router-link-active。样式名称可以自定义。
linkActiveClass: \”a\”,
linkExactActiveClass: ‘b’,
//如果页面路径发生跳转，可以指定是否滚动以及滚动位置。
滚动行为（到，从，保存位置）{
if（保存位置）{
返回保存的位置
} 除此之外{
返回值{x: 0, y: 0}
}
}
//并非所有浏览器都支持前端路由（历史模式）。当设置为true 时，Vue 会自动将其转换为哈希转换方法。
//如果设置为false，则单页面应用变成多页面应用，要求后端每次页面跳转时都返回新的内容，耗时较长。
Fallback: 真
//Vue 默认处理链接上的参数。以下方法允许您自定义转换方法。
解析查询（查询）{
//将字符串转换为obj
},
stringifyQuery (obj) {
//将obj转换为字符串
}
})
}
Vue-router路由通过参数传递
=================
动态路由、路由参数、延迟加载、命名视图、路由命名、路由元信息、子路由、路由钩子
{
//动态路由实际上可以称为路由参数。
path: ‘/登录/:id’,
//推荐使用props: 如果为true，则无需在实现组件中写入此内容。
r
啊
你
t
e
。
我
d
,
。
v
你
e
写入文件中
Route.id，写入.vue文件
为了避免vue-router升级后出现不同的写入，vue文件中写入的路由与route.id和耦合相对应。
//如果$route 在组件内部使用，则不能作为单独的组件使用，因为ID 值是在路由上找到的，并且props 用于接受参数。其他组件只需通过props 传递即可。
//让我们将vue 和$route 分开，以使我们的组件更加可重用。
props: 真实，
//props: {id: ‘111’},
//props: (路线)=({id: 路线.query.id}),
组件：登录，
//延迟加载，进入页面时就加载组件，避免先加载所有组件（非当前组件）的js。
//component: ()=import(\’./views/todo/todo.vue\’), //异步路由配置，首屏加载速度更快
//命名视图
//有时你想同时（同一级别）显示多个视图，例如创建一个具有两个视图的布局：sidebar（侧面导航）和main（主要内容）。此时，您需要为您的视图命名。便利。您可以在界面中拥有多个单独命名的视图，而不是拥有单个出口。如果router-view 未设置名称，则将使用默认值。
//
//
//
//组件： {
//默认：登录，
//a: 侧边栏，
//b: 标头
//},
//路由命名。可通过路线名称进行路线跳转应用
name:“应用程序”，
//路由元信息。创建HTML 页面时，您可以在head 标签中定义元数据。这些信息有助于SEO 过程。在vue组件中写这个很难
元： {
title:“这是一个应用程序”，
description:“描述”
},
//子根
【儿童：】
//路由钩子
//beforeEnter (to, from, next) {
//console.log(\’进入之前的应用根目录\’)
//下一个（）
//}
}
如果要使用延迟加载，需要安装相应的插件
npm 我babel-plugin-syntax-dynamic-import -D
安装完成。修改.babelsrc。
Vue路由器导航守卫
===============
vue-router 中的导航钩子根据定义位置（以及执行时间）分为全局钩子、路由级钩子和组件级钩子。
项目入口文件（index.js）中的路由守卫和全局钩子
从“vue”导入Vue
从“./app.vue”导入应用程序
从“vue-router”导入VueRouter
从“./config/router”导入createRouter
React
反应介绍
反应单项数据流
React 生命周期函数和React 组件生命周期
React 和Vue 的原理、区别、亮点和特点
ReactJs 中的组件通信
你了解过React 的虚拟DOM 吗？它与虚拟DOM 相比如何？
项目使用了React，但是为什么要选择React呢？
如何获得真正的dom
为什么我选择反应
React 生命周期特性
setState后的处理
您知道高阶组件会发生反应吗？
jsx for React，函数式编程
React 组件如何决定是否更新？
如何配置React-Router
用于路由的动态加载模块
什么是Redux 中间件？它需要几个参数。
redux请求中间件如何处理并发
#Vue Core Plugin —— 以上Vue Router相关内容来源网络仅供参考。相关信息请参见官方公告。
原创文章，作者：CSDN，如若转载，请注明出处：https://www.sudun.com/ask/93008.html
