ajaXJson

2021年7月2日

摘要： 1.必须使用keep-alive才有效果(App.vue中添加)。 <keep-alive> <router-view></router-view> </keep-alive> 2.activated活跃状态下。 3.deactivated不活跃状态下。阅读全文

posted @ 2021-07-02 20:02 ajaXJson 阅读(83) 评论(0) 推荐(0) 编辑

27.keep-alive

摘要： keepalive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。提高性能创建一个created()和destroyed()来测试，会发现只打印home created 不会执行销毁。 <keep-alive> <router-view></router-view> </kee 阅读全文

posted @ 2021-07-02 18:38 ajaXJson 阅读(39) 评论(0) 推荐(0) 编辑

2021年7月1日

26.利用路由导航守卫改变页面的title

摘要： 1.router下的index.js页面配置映射规则中为每一个路由添加meta元数据设置title名字 { path: '/about', component: About, meta:{ title:'关于' } }, 2.在index.js文件中添加路由导航守卫 1.前置守卫 to:即将要进入目阅读全文

posted @ 2021-07-01 15:49 ajaXJson 阅读(115) 评论(0) 推荐(0) 编辑

25.传递参数的方式区别

摘要：传递参数主要有两种类型:params和query 1.params的类型: 配置路由格式 /router/:id 传递的方式:在path后面跟上对应的值传递后形成的路径：/router/123, /router/abc 1.定义数据 data(){ return { userId:'zhangsa 阅读全文

posted @ 2021-07-01 13:58 ajaXJson 阅读(104) 评论(0) 推荐(0) 编辑

24.参数传递方式2

摘要： App.vue页面修改为click事件 <button @click="userClick">用户</button> <button @click="profileClick">档案</button> methods函数中添加 userClick(){ this.$router.push('/use 阅读全文

posted @ 2021-07-01 13:56 ajaXJson 阅读(12) 评论(0) 推荐(0) 编辑

23.Vue-router参数传递

摘要： 1.新建profile.vue页面 2.index.js页面懒加载形式导入,配置路由映射表挂载 const Profile =()=> import('../components/Profile.vue') { path:'/profile', component:Profile } 3.App.v 阅读全文

posted @ 2021-07-01 13:55 ajaXJson 阅读(25) 评论(0) 推荐(0) 编辑

页面子路由

摘要： 1.新建HomeMessgae.vue与HomeNews.vue页面 <template> <div> <ul> <li>消息1</li> <li>消息1</li> <li>消息1</li> <li>消息1</li> <li>消息1</li> </ul> </div> <template> <div 阅读全文

posted @ 2021-07-01 13:54 ajaXJson 阅读(76) 评论(0) 推荐(0) 编辑

2021年6月29日

路由懒加载

摘要： 1.概念 1.当打包构建应用时，JavaScript包会变得非常大，影响页面加载。 2.把不同路由对银行的组件分割造成不同的代码块，当路由被访问时加载对应的组件，更加高效化。 2.实现 1.index.js页面，将导入修改为与一次性所有导入不同，当使用到这个路由的时候才会导入。 // import 阅读全文

posted @ 2021-06-29 15:04 ajaXJson 阅读(71) 评论(0) 推荐(0) 编辑

页面获取URL中的name动态路由

摘要： 1.components在新建User.vue页面 2.index.js导入搭建 import User from '../components/User.vue' { path: '/user/:userId', component: User }, 3.App.vue定义数据和引用 data() 阅读全文

posted @ 2021-06-29 15:02 ajaXJson 阅读(122) 评论(0) 推荐(0) 编辑

$router和$route区别

摘要： 1.$route $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1. $route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。 2. $route.params 一个 key/value 对象阅读全文

posted @ 2021-06-29 09:56 ajaXJson 阅读(364) 评论(0) 推荐(0) 编辑

公告