上一页 1 ··· 9 10 11 12 13 14 15 下一页
摘要: 1.必须使用keep-alive才有效果(App.vue中添加)。 <keep-alive> <router-view></router-view> </keep-alive> 2.activated活跃状态下。 3.deactivated不活跃状态下。 阅读全文
posted @ 2021-07-02 20:02 ajaXJson 阅读(92) 评论(0) 推荐(0) 编辑
摘要: keepalive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。提高性能 创建一个created()和destroyed()来测试,会发现只打印home created 不会执行销毁。 <keep-alive> <router-view></router-view> </kee 阅读全文
posted @ 2021-07-02 18:38 ajaXJson 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 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) 编辑
摘要: 传递参数主要有两种类型:params和query 1.params的类型: 配置路由格式 /router/:id 传递的方式:在path后面跟上对应的值 传递后形成的路径:/router/123, /router/abc 1.定义数据 data(){ return { userId:'zhangsa 阅读全文
posted @ 2021-07-01 13:58 ajaXJson 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 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) 编辑
摘要: 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) 编辑
摘要: 1.概念 1.当打包构建应用时,JavaScript包会变得非常大,影响页面加载。 2.把不同路由对银行的组件分割造成不同的代码块,当路由被访问时加载对应的组件,更加高效化。 2.实现 1.index.js页面,将导入修改为 与一次性所有导入不同,当使用到这个路由的时候才会导入。 // import 阅读全文
posted @ 2021-06-29 15:04 ajaXJson 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 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 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 1.$route $route对象表示当前的路由信息,包含了当前 URL 解析得到的信息。包含当前的路径,参数,query对象等。 1. $route.path 字符串,对应当前路由的路径,总是解析为绝对路径,如"/foo/bar"。 2. $route.params 一个 key/value 对象 阅读全文
posted @ 2021-06-29 09:56 ajaXJson 阅读(365) 评论(0) 推荐(0) 编辑
上一页 1 ··· 9 10 11 12 13 14 15 下一页