1. 首页
  2. 编程语言
  3. Javascript
  4. Vue.js:使用Vue-Router 2实现路由功能介绍

Vue.js:使用Vue-Router 2实现路由功能介绍

上传者: 2021-09-06 23:24:04上传 PDF文件 78.42 KB 热度 20次

推荐使用npm安装。在main.js中,需要明确安装路由功能:经过上面的配置之后呢,路由匹配到的组件将会渲染到App.vue里的那么这个App.vue里应该这样写:index.html里呢要这样写:这样就会把渲染出来的页面挂载到这个id为app的div里了。通过/index/info就可以访问到info组件了通过懒加载就不会一次性把所有组件都加载进来,而是当你访问到那个组件的时候才会加载那一个。对于组件比较多的应用会提高首次加载速度。综合上述,一个包含重定向、嵌套路由、懒加载的main.js如下:

用户评论