[JavaScript知识库]vue3.0路由传参

定义 路由组件中
	首页组件
  let Index = {
      template: `
            <div>
            	// to 是跳转后面是 要跳转的地址  
                <router-link to="/list?type=hot">跳转到列表页</router-link>
                <h1>首页</h1>
                <p>首页里面的内容</p>
            </div>
        `,
    };
	列表页组件中需要操作
	let List = {
      template: `
            <h1>列表页 {{$route.query.type}}</h1>
        `,
        data(){
        	return {
					typeone : " ",
			}
        },
        //在created生命周期中输出
        created(){
        
			console.log(this.$route) 是一个路由信息对象

		//   fullPath    完整路径   /list?type=hot
        //   path        真实路径       /list
        //   meta        路由元信息
        //   params      params传参的参数
        //   query       query传参的参数
		}
		methods{
				//里面可以写方法和操作ajax什么的
		}
        
      }