摘要：
简介： 在初始化后被调用，跳转路由之后被调用 实现效果： 跳转到哪个路由哪个路由页的tilte改变文本 实例： import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; i 阅读全文
posted @ 2023-02-27 09:23
罗砂
阅读(37)
评论(0)
推荐(0)
摘要：
介绍： 在跳转前调用检验 对路由进行权限控制 示例： 把路由改为以下格式: import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; import aboutone fro 阅读全文
posted @ 2023-02-26 14:10
罗砂
阅读(42)
评论(0)
推荐(0)
摘要：
切换组件时组件会被销毁，如果想切页面还不会被销毁就使用 <keep-alive></keep-alive>标签可以使展示的内容切换组件时不进行销毁 如果只给路由占位符外写一个keep-alive那他就会把所有能书写在页面上的值都存起来，这时就要用到属性include="名字" 缓存筛选多个可以写成数 阅读全文
posted @ 2023-02-26 10:22
罗砂
阅读(31)
评论(0)
推荐(0)
摘要：
介绍： 编程式导航就是给元素写事件,可以使用query或replace进行传递数据 代码： <template> <div class="aboutone"> <h1>我是Homeone</h1> <ul> <li v-for="item in abouta" :key="item.id"> <!- 阅读全文
posted @ 2023-02-26 09:45
罗砂
阅读(25)
评论(0)
推荐(0)
摘要：
介绍： 组件之间可以通过路由query参数传递数据 需求： 路由配置： import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; import aboutone from 阅读全文
posted @ 2023-02-25 17:16
罗砂
阅读(41)
评论(0)
推荐(0)
摘要：
query语法： this.$router.push({path:"地址",query:{id:"123"}}); 这是传递参数 this.$route.query.id； 这是接受参数 params语法： this.$router.push({name:"地址",params:{id:"123"} 阅读全文
posted @ 2023-02-25 17:03
罗砂
阅读(76)
评论(0)
推荐(0)
摘要：
介绍： 组件之间可以通过路由query参数传递数据 需求： 路由配置： import Vue from "vue"; import Router from "vue-router"; import Home from "./views/Home.vue"; import aboutone from 阅读全文
posted @ 2023-02-25 16:02
罗砂
阅读(72)
评论(0)
推荐(0)
摘要：
效果： 只需要在路由配置下面添加一个children：[ {子路径}， {子路径}， {子路径}， ] 阅读全文
posted @ 2023-02-25 11:42
罗砂
阅读(17)
评论(0)
推荐(0)
摘要：
1.安装 如果是通过脚手架创建的项目可以勾选router选项； 通过指令在编译器的终端下载 (npm i router) vue2的项目只能使用vue3的router版本 2.配置 安装之后你的项目目录就会出现一个在src里的router.js main.js配置 router.js配置 App.v 阅读全文
posted @ 2023-02-25 10:11
罗砂
阅读(54)
评论(0)
推荐(0)
摘要：
不使用mapActions 和 mapMutations的代码 要用的地方字体放大了 <template> <div id="app"> <h1>当前总数为:{{nbr}}</h1> <h2>放大十倍总数为:{{bigSum}}</h2> <h3>我在{{school}}我是{{myname}}</ 阅读全文
posted @ 2023-02-24 13:59
罗砂
阅读(25)
评论(0)
推荐(0)
浙公网安备 33010602011771号