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

drug94501 19 0 pdf 2021-09-06 23:09:04

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

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

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

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

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

用户评论
请输入评论内容
评分:
暂无评论