vue嵌套路由子路由 path 注意-编程思维

子路由的地址如果是希望拼接父路由地址,子路由的 path 仅写名称,不写 “/”,如果希望是另外的地址,则直接以 “/” 开头。

{
        path: "/lifetools",
        name: "lifetools",
        component: () =>
            import(/* webpackChunkName: "LifeTools" */ "@/views/LifeTools.vue"),
        children: [
            {
                path: "caculator", // 最终生成路由   /lifetools/caculator
                                // path: "/caculator", // 最终生成路由   /caculator
                name: "Caculator",
                component: () =>
                    import(/* webpackChunkName: "CodeTools" */ "@/views/Caculator.vue"),
            },
]

摘自官方文档:

 

 

版权声明:本文版权归作者所有,遵循 CC 4.0 BY-SA 许可协议, 转载请注明原文链接
https://www.cnblogs.com/beileixinqing/p/17089041.html

axios+vue-编程思维

网络应用 Vue结合网络数据开发应用 axios+vue 他与本地应用的不同点是 data中的数据有一部分是从网络中获取到的 axios(网络请求库) 内部就是ajax 但是通过封装后用起来更加便捷 axios是一个功能强大的网络请求库 js库 作为js库 首先我们需要导包 确保在有网的状态下 在引入后 他会在页面上

vue组件-编程思维

  组件使用的基本步骤创建组件构造器  Vue.extend()方法      //在vue2.x版本后基本已经很少见了 用了新的语法糖代替注册组件    Vue.component()方法使用组件    在Vue的作用范围内使用组件   组件若标签内不需要传其他值的时候 可以使用单标签,可以使代码看起来更加简便 

vue环境安装-编程思维

vue环境搭建过程 安装node环境 node -v 命令行显示v12.19.0,这样就代表安装完成 由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具:npm install -g cnpm --registry=https://re

个人文章-编程思维

查看to from全局守卫每路守卫组件内的守卫最后,你可以在路由组件内直接定义路由导航守卫(传递给路由配置的)可用的配置 你可以为路由组件添加以下配置:beforeRouteEnter beforeRouteUpdate beforeRouteLeaveindex.js// 1. 定义路由组件. // 也可以从其他文件

vue.js应用开发笔记-编程思维

看vue.js有几天了,之前也零零散散的瞅过,不过一直没有动手去写过demo,这几天后台事比较少,一直在讨论各种需求(其实公司对需求还是比较重视与严谨的,一个项目需求讨论就差不多一周了,这要搁之前,天哪。。。),于是就琢磨着把vue简单的过下,如下所讲只是个人一些理解,不到的地方还望园友指正,涉及到的东西有vue、vu