Vue 路由系统和钩子函数-白红宇

Vue 路由系统和钩子函数

阅读量：5082 次

发布时间：2019-06-13

本文共 1496 字，大约阅读时间需要 4 分钟。

title: VUE 路由

路由的注册

-- 定义一个匹配规则对象    let url = [        {            path: "/",            component: {            }        }    ]-- 实例化VueRouter对象 并把匹配规则注册进去    let router = new VueRouter({            routes: url    })-- 把VueRouter实例化对象注册Vue的根实例    const app = new Vue({        el: "#app",        router: router    })-- router-link-- router-view

Markdown

其中 routes 必须是这个参数不然其它的不显示

路由参数

特别注意：path: '/user/:name' 别忘了反斜杠 / 路由的参数 console.log($route)可以打印出全部参数路由的参数            this.$route.params.xxxx            this.$route.query.xxxx

手动路由

通过点击按钮实现跳转

路由的钩子函数

Markdown

子路由

子路由与父路由用 children联系

命名的路由视图


        
                    components: {                head: {                    template: `
    
     这是用户的头部
    
`                },                footer: {                    template: `
    
     这是用户的底部
    
`                }

钩子函数

    
        Title    
    
         {
    {name}}

转载于:https://www.cnblogs.com/xxy614899502/p/10071964.html

你可能感兴趣的文章

cssText的用法以及特点转载至http://www.cnblogs.com/majingyi/p/6840818.html

MySQL安装+更换yum源+mysql密码忘记（2019更新）

查看>>

解决ubuntu10插入耳机还有外音的问题

查看>>

自用win10软件

查看>>

Hive异常- requestedMemory=1536, maxMemory=1024

查看>>

python 选择排序

查看>>