路由
Sandy_Star
day day up
展开
-
router路由的懒加载和路由嵌套
什么是路由的懒加载? 当打包构建应用时,js包(只有一个)会变得非常大,影响页面加载 如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应的组件,这样就更加高效了 简单来说,就是不同的路由对应的那些组件打包到不同的js文件中。只有在这个路由被访问的时候,才加载对应的组件。 打包的命令:npm run build 路由懒加载的实现 懒加载的方式 方式一 结合Vue的异步组件和webpack的代码分析。(不常用) const Home = resolve => {requ原创 2020-07-31 21:17:09 · 345 阅读 · 0 评论 -
router-link其他的属性
router-link的属性 to:用于指定跳转的路径 tag:可以指定之后渲染成什么标签 replace:不会留下history记录,所以指定replace的情况下,后退键返回不能返回到上一个页面中 active-class:当对应的路由匹配成功时,会自动给当前元素设置一个router-link-active的class,设置active-class可以修改默认的名称。 在进行高亮显示的导航菜单或者底部tabbar时,会使用到该类。 但是通常不会修改类的属性,会直接使用默认的router-link-ac原创 2020-07-30 11:18:25 · 305 阅读 · 0 评论 -
关于Vue的一些小笔记(九)路由的安装和配置
前言:这次的笔记主要内容是vue-router的安装和配置,路由在vue里很重要!! 一、什么是Vue-router vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用 vue-router是基于路由和组件的 路由用于设定访问路径,将路径和组件映射起来 在vue-router的单页面应用中,页面的路径的改变就是组件的切换 二、安装和使用vue-router 安装 如果是用webpack来配置的,则我们可以直接使用npm来安装路由 > n.原创 2020-07-28 21:16:07 · 285 阅读 · 0 评论