• vue路由


      1. vue 路由:vue-router

      路由在 web 中有两种

        第一种:hash  带 hash 值前面带 #

        第二种:history对象  这种路由不带 #

      2. 引入 vue-router.js  // 因为 vue-router.js 是基于 vue 实现的,所以,我们还需要在引入 vue-router.js 之前,在引入 vue.js 文件

        在模板中使用 router-link 标签来实现路由的跳转

        使用 router-view 存放渲染的内容

      3. 实现 vue 路由

        定:定义组件;

        配:配置路由,让 path 和 component 一一对应;

        实:实例化路由;

        挂:将路中实例挂在到 vue 的实例下

      案例:

        

        

        

        

      路由的配置的值是一个数组;

      路由模式的更滑 hash ,默认是哈希模式,在实例化路由的选项添加 mode:"history"

      路由嵌套:接下来,我们要在 app 的组件下面来进行嵌套

        

        

        

        

        

      路由传参

        

        

        

       路由 js 的写法

      我们不仅可以使用 router-link 标签来使用 路由的跳转,我们还可以使用 js 来实现路由的跳转

      在 vue-router 中搜 程序化导航 便可查找 js 路由跳转的具体用法

      官方的案例解析:

        

  • 相关阅读:
    Java8-Stream-No.10
    Java8-Stream-No.09
    Java8-Stream-No.08
    Java8-Stream-No.07
    Java8-Stream-No.06
    Java8-Stream-No.05
    Java8-Stream-No.04
    Java8-Stream-No.03
    Java8-Stream-No.02
    Java8-Stream-No.01
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11265358.html
Copyright © 2020-2023  润新知