zoukankan      html  css  js  c++  java
  • 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 路由跳转的具体用法

      官方的案例解析:

        

  • 相关阅读:
    体温登记APP总结
    体温登记day4
    体温登记day3
    寒期周总结五
    体温登记day2
    体温登记day1
    家庭记账本day7
    家庭记账本day6
    家庭记账本day5
    家庭记账本day4
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11265358.html
Copyright © 2011-2022 走看看