<router-link to="/home" replace>首页</router-link> <router-link to="/about" replace>关于</router-link> <!-- <router-link :to="/user/+userId" replace>用户</r
原创
2021-07-28 15:40:05
519阅读
1.route-link标签里写法 <route-link :to ="{path:'/profile',query:{name:'张三',height:1.63,age:18}}"></route-link> 2.点击事件传参 <button @click="toProfile">档案</butt ...
转载
2021-07-23 09:46:00
470阅读
vue-router传递参数分为两种: 1、编程式导航:this.$router.push() (1)、命名路由传递参数需要使用params来传递,目标页面接收传递参数时使用params。 特别注意:命名路由这种方式传递的参数,如果在目标页面刷新是会出错的 params配合name使用 传递参数如下 ...
转载
2021-09-27 14:24:00
1268阅读
2评论
这里写自定义目录标题vue 组件之间传值几种方式Vue21. 父组件2. 子组件3. 兄弟组件注意:vue31. 父组件2. 子组件3. 兄弟传值 vue 组件之间传值几种方式今天说一下 vue3 的组件间传值,学习过 vue2 的宝子们肯定知道,组件传值是 vue 项目开发过程中必不可少的功能场景,在 vue2 里面有很多传值的方式,vue3 的传值方式呢,在这里稍微整理总结一下,但是不是很全
转载
2024-09-18 14:29:02
90阅读
一、路由
路由的本质就是一种对应关系,根据不同的URL请求,返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为:后端路由和前端路由。
1.1 路由分为两大类:
前端路由:Hash地址与组件之间的对应关系。
SPA与前端路由之间的关系:SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一一个页面内完成。此时不同组件之间的切换,要
原创
2024-01-21 02:18:43
438阅读
Unity实现跨场景的传送门 目录Unity实现跨场景的传送门引言视频效果具体实现门数据场景异步加载关于门的特效 引言之前写过一篇文章——《Unity第一人称可视化传送门制作》,实现了传送门的基本操作,而且,可以通过传送门观察对面的画面,但一个缺陷是无法跨场景传送。那么,如何实现跨场景的传送呢? 事实上,所谓跨场景传送,本质上就是场景加载,关键是要传送到什么位置去,在在老场景中事先确定好位置,然后
转载
2024-03-22 14:09:31
160阅读
一、路由嵌套参数的传递 传参数的两种方式: 1.使用查询字符串(例如:login?name=tom&psw=123),通过{{$router.query}}获取参数 2.rest风格url(例如:login/tom/123),通过{{$router.params}}获取参数 二、代码实现 1 <!D ...
转载
2021-09-10 13:37:00
838阅读
2评论
ajax技术:不重新加载整个页面的情况下,异步地与服务器进行通信,并更新页面的部分内容Ajax(Asynchronous JavaScript and XML)是一种使用 JavaScript 向服务器发送和接收数据的技术。 Ajax 的工作原理基于以下关键组件:XMLHttpRequest 对象:XMLHttpRequest 是浏览器提供的 API,用于创建 HTTP 请求,并与服务器进行通信。
一、父组件通过props给子组件传值在父组件的子组件标签上绑定一个属性,挂载要传输的变量。props就是父组件给子组件标签上定义的属性,用来接收父组件传递的数据,props的值可以是字符串数组,也可以是各自的名称和类型,用法和data中的数据用法一样,在子组件中只能使用该值,不能修改。在子组件中通过props来接收数据,props可以是数组也可以是对象,接受的数据可以直接使用props:[“属性名
转载
2024-09-28 23:44:23
324阅读
vue-router 利用url传递参数 :冒号的形式传递参数 在路由配置文件里以:冒号的形式传递参数,这就是对参数的绑定。 1. 在配置文件里以冒号的形式设置参数。我们在/src/router/index.js文件里配置路由。 我们需要传递参数是新闻ID(newsId)和新闻标题(newsTitl
转载
2019-10-22 18:19:00
1132阅读
2评论
vue2进阶篇:vue-router之路由的params参数
原创
2022-11-29 16:11:41
99阅读
vue2进阶篇:vue-router之路由的query参数
原创
2022-11-29 16:12:11
1158阅读
本文介绍VUE2中routes和router,$route和$router的区别以及不同的使用场景
原创
2022-09-01 11:07:27
130阅读
一、使用之前,我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 开始:如图,下载8
第一种方式传递参数 this.$router.push({path: ' 路由 ', query: {key: value}})参数取值 this.$route.query.key传递参数<!-- * @
原创
2023-05-19 15:27:12
198阅读
VueRouter的使用
什么是VueRouterVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。如何使用?使用VueRouter至少需要引入vue-router和Vue。import Vue from "vue";
import VueRouter from "vue-rout
转载
2023-07-14 10:20:02
232阅读
vue2 router中的 @ 符号表示srcvue2 router中的 @ 符号表示src学习了:https://segmentfault.com/q/1010000009549802这个是webpack起的别名;在build/webpack.base.conf.js中有声明; resolve: {
extensions: ['.js', '.vue', '.json'],
al
原创
2021-06-03 20:31:12
540阅读