摘要：
一、 知识点 1、什么是keep-alive? keep-alive是Vue.js的一个内置组件。 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 当组件在 内被切换，它的 activated 和 deactivated 这两个生命 阅读全文
posted @ 2021-12-01 18:01
万笑佛
阅读(382)
评论(0)
推荐(0)
摘要：
导航守卫 一、 知识点 1、什么是导航守卫? (1)vue-router提供的导航守卫主要用来监听路由的进入和离开。 (2)vue-router提供了beforeEach和afterEach的函数, 它们会在路由即将改变前和改变后触发。 2、 为什么要用导航守卫？ 我们来考虑一个需求: 页面跳转时如 阅读全文
posted @ 2021-12-01 17:59
万笑佛
阅读(184)
评论(0)
推荐(0)
摘要：
一、query效果 点击query按钮 二、param效果 点击param按钮 注意点 1：重新刷新浏览器后，参数都不在了。 2：url中能看不到传递的参数 3、分别用{{$route. params.name}}和方法的方式获取传递过来的参数并展现。 三、代码结构 注：主要是标红的几个文件 四、代 阅读全文
posted @ 2021-12-01 17:57
万笑佛
阅读(332)
评论(0)
推荐(0)
摘要：
一、效果 在about页面点击“我的”，路径里传入了参数zhangsan,在“我的”页面里接收传递过来的张三并展现出来。注：标签中传递参数写法 二、代码结构 注：主要是标红的几个文件 三、代码 index.js //引入路由 import { createRouter, createWebHisto 阅读全文
posted @ 2021-12-01 17:54
万笑佛
阅读(159)
评论(0)
推荐(0)
摘要：
一、效果 点击about后，新闻和体育属于about的子路由调用的页面 知识点说明 路由里使用children属性可以实现路由的嵌套 三、代码结构 注：主要是标红的几个文件 四、代码 重新编写这几个文件中的代码 index.js //引入路由 import { createRouter, creat 阅读全文
posted @ 2021-12-01 17:51
万笑佛
阅读(206)
评论(0)
推荐(0)
摘要：
说明：在上一节的工程下继续讲解 一、 知识点说明 业务开发中更多的是使用代码方式进行页面的跳转会用到this.$router.push('/') 和this.$router.replace('/home')，后者就是跳转后不能返回上一个页面和前面讲的replace对应。 二、代码结构 注：主要是标红 阅读全文
posted @ 2021-12-01 17:48
万笑佛
阅读(740)
评论(0)
推荐(0)
摘要：
说明：在上一节的工程下继续讲解 一、 知识点说明 上一节中, <router-link>我们只是使用了一个属性: to, 用于指定跳转的路径。<router-link>默认渲染成<a>组件 <router-link>还有一些其他属性: （1）replace: replace不会留下history记录 阅读全文
posted @ 2021-12-01 17:46
万笑佛
阅读(837)
评论(0)
推荐(0)
摘要：
一、 项目创建 参考如下博客地址创建一个vue的项目 https://www.cnblogs.com/yclh/p/15356171.html vue学习笔记 二、环境搭建+项目创建 二、代码结构 注：主要是标红的几个文件 三、代码 重新编写这几个文件中的代码 index.js //引入路由 imp 阅读全文
posted @ 2021-12-01 17:43
万笑佛
阅读(69)
评论(0)
推荐(0)
浙公网安备 33010602011771号