1. 首页
  2. 编程语言
  3. Javascript
  4. 使用Vue-Router 2实现路由功能实例详解

使用Vue-Router 2实现路由功能实例详解

上传者: 2021-09-13 06:44:30上传 PDF文件 80.53 KB 热度 12次

vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。对于组件比较多的应用会提高首次加载速度。在vue-router 1中,使用的是在vue-router 2中,使用了1.$route.path字符串,对应当前路由的路径,总是解析为绝对路径,如 "/foo/bar"。路由记录就是 routes 配置数组中的对象副本。综合上述,一个包含重定向、嵌套路由、懒加载的main.js如下:更详细的vue-router功能请参考文档:

用户评论