“慢生活”不是懒惰，放慢速度不是拖延时间，而是让我们在生活中寻找到平衡。网站首页程序人生
18vue动态路由和get传值
发布时间：2023-04-10 22:32:47作者：雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
对于包含get传参的路由，可以有两种，一种就是像是传统的web的get传参以?来开始，另外一个则是可以自定义路由规则。
对于第一种，在定义路由规则时候和普通不传参路由规则无差，但在r
17Vue路由(vue-router)
发布时间：2023-04-10 21:08:31作者：雪饮
安装路由
npm install vue-router –save
准备我们要路由的页面
假定这里我要在首页和新闻页进行路由，则我们分别准备首页index.vue如
<template>
<div id="index">
16vue非父子组件传值完整 (emit,on)
发布时间：2023-04-10 17:34:11作者：雪饮
其实非父子组件传值可以利用父节点进行转发，结合如
15父组件主动获取子组件的数据和方法 子组件主动获取父组件的数据和方法(组件传值) (gaojiupan.cn)
这个就很容易实现，当然
15父组件主动获取子组件的数据和方法 子组件主动获取父组件的数据和方法(组件传值)
发布时间：2023-04-10 12:20:35作者：雪饮
除了上篇了解到的父子组件传值通过props的方式以外，下面这种通过ref以及$parent的方式传值更简洁方便。这种主动获取的方式，是我决定比较非常不错的。
实例App.vue如
<templat
14父子组件传值 -完整
发布时间：2023-04-10 11:39:52作者：雪饮
这次主要是了解下父子组件传值，支持多个值传递，支持传递一个方法，支持传递整个组件的数据，接收方也可以限制所要接收的数据类型。
实例app.vue如
<template>
<div id="app">