摘要: 现在有个需求是,路由间进行切换时,顺便把页面的标题也修改了;比如说当前A路由,那标题是A;切换到B路由,那标题变成B,以此类推。 很多人的做法是这样的,在每个路由的created()写代码,直接document.title="A"/"B"/"C"不就可以了吗?那这样是不是太麻烦了,每个路由都要去加这 阅读全文
posted @ 2021-04-01 16:59 爱编程DE文兄 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 之前学习过动态路由的参数传递,属于URL占位符的方式,取的话是通过$route.params来取的;其实还有一种参数传递的方式,就是传统的URL后面跟着参数的形式,话不多说,还是写代码吧: <template> <div id="nav"> <router-link :to="{path: '/pr 阅读全文
posted @ 2021-04-01 14:40 爱编程DE文兄 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 路由嵌套说白点,就相当于父子路由,但一定要记得一点的是:父子路由是独立的,对应的有父子路由关系,那父子路由也会产生父子组件;父子组件也是独立的; 话不多说,还是上代码吧: const routes = [ { path: '/', name: 'portal', redirect: '/home' 阅读全文
posted @ 2021-04-01 13:35 爱编程DE文兄 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 上一篇说过,vue-cli对打包的文件进行分类,在浏览器进行读取时减少了一定的压力 如果在大型的Vue项目中,mainfest和vendor可能并不会占太大的空间,可app是我们写业务代码的地方,很大概率会出现太大业务代码在这个文件的情况。因此能不能把这里面的某些代码给抽取出来放在其他的JS文件里呢 阅读全文
posted @ 2021-04-01 13:17 爱编程DE文兄 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 之前在进行打包src到dist里,除了img和index.html,其他比如css,js等文件都统一打包在bundle.js一个文件中,这就会导致这个文件特别大,要是浏览器去读取这个文件就会花费特别多时间。因此这种做法是不可取的,在使用vue-cli2或3,人家提供的 npm run build的打 阅读全文
posted @ 2021-04-01 11:54 爱编程DE文兄 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 目前路由的跳转是写死的,比如to="/user",那就会跳到对应的组件; 现在我们的需求是,我访问 /user/123 或 /user/456 再或 /user/dao等等,都能跳到同一页面,并且把 /user后面的参数给带过来。这个实际就像学习springmvc时的restful风格一样; 分三步 阅读全文
posted @ 2021-04-01 11:30 爱编程DE文兄 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 之前路由的跳转都是通过router-link标签来做到,但有时候也是需要通过JS代码来进行路由的跳转,也是可以实现的,如下: this.$router.push('/home') //跳转路由,可前进后退 this.$router.replace('/about') //跳转路由,不可前进后退 $r 阅读全文
posted @ 2021-04-01 10:43 爱编程DE文兄 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 刚学习<routerl-link>只接触过to属性,其他还有其他的属性,如:tag,replace,active-class 1. tag。<routerl-link>默认是被渲染成 a 标签的,但现在我不想渲染成他,想渲染成button,那就可以通过tag属性了,如下: <router-link 阅读全文
posted @ 2021-04-01 10:25 爱编程DE文兄 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 一般刚开始进入到一个网站的时候,网址一般http://域名/,后面没有跟具体的URI,可是通常我们的做法都会让去访问一个默认显示的页面;在vue路由这,同样的道理希望一进入首页给他一个默认的页面,会配置下面的东西: const routes = [ { path: '/', name: 'porta 阅读全文
posted @ 2021-04-01 10:04 爱编程DE文兄 阅读(293) 评论(0) 推荐(0) 编辑