AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

vue.js路由

2024-03-01 58
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue.js路由

注意：执行以下操作时提前安装node.js。如何安装请看俺的node.js学习路程。

1.安装vue命令行工具

     GitHub地址：https://github.com/vuejs/vue-cli

     全局安装vue命令行工具：npm install vue-cli -g

     安装之后查看是否安装成功：vue -V，安装成功如下图所示：

2.安装vue

   1.安装模板：vue init webpack helloworld

    2.安装生产环境：nmp install --production

    3.安装vue：npm install vue --save-dev

    4.运行vue：npm run dev

     当然也可以将官方的webpack从GitHub上复制到自己的项目中，github地址：https://github.com/vuejs-templates/webpack，然后npm install 项目的路径

  3.安装vue路由和4.vue子路由

     在命令窗口输入：npm install vue-router --save-dev

     在项目目录下src中的main.js做修改。

import Vue from 'vue'
import Router from './Router'

      在src中新建Router.js文件并且写入一下代码

     

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const first = {template:'<div>first內容</div>'}
const second = {template:'<div>second內容</div>'}
const Home = {template:'<div>home內容</div>'}
const ab = {
    template:`
      <div class="asdf">
        <h2>组件</h2>
        <router-view class='asdf'></router-view>
      </div>
    `
  }
const firstFirst =  {template:'<div>firstFirst內容</div>'}
const firstSecond =  {template:'<div>firstSecond內容</div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname, //当前路径
  routes:[
    {path:'/',component:Home},
    {path:'/second',component:second},
    {path:'/first',component:ab,
      children:[
        {path:'/',component:first},
        {path:'first',component:firstFirst},
        {path:'second',component:firstSecond},
      ]},
  ]
})
 
// 模板
new Vue({
  router,
  template:`
    <div id='r'>
        <h1>导航</h1>
        <ol>
          <li><router-link to="/">/</router-link></li>
          <li><router-link to="/first">first</router-link></li>
          <ol>
             <li><router-link to="/first/first">/first/first</router-link></li>
             <li><router-link to="/first/second">/first/second</router-link></li>
          </ol>
          <li><router-link to="/second">second</router-link></li>
        </ol>
        <router-view class="sadfj"></router-view>
     </div>
     `
}).$mount('#app')

  最后运行vue：npm run dev

5.vue中路由传参

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/'},
    {path:'/params/:aaa/:bbb'},
    {path:'/params-regex/:id(\\d+)'}
  ]
})
 
new Vue({
  router,
  template:`
    <div>
      <h1>Good Morning</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/params/111/222">/params/111/222</router-link></li>
        <li><router-link to="/params-regex/222">/params-regex/222</router-link></li>
      </ul>
      <p>Show</p>
      <p>aaa:{{$route.params.aaa}}  bbb:{{$route.params.bbb}} id:{{$route.params.id}}</p>
      <pre><code>
        {{JSON.stringify($route,null,2)}}
      </code></pre>
    </div>
  `
}).$mount('#app');

6.路由表中的组件群

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const first = {template:'<div>first内容</div>'}
const second = {template:'<div>second内容</div>'}
const Home = {template:'<div>Home内容</div>'}
const hehe = {template:'<div>hehe内容</div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
      // 路由组件群
    {path:'/',components:{
      default:Home,
      left:first,
      right:second
    }},
    {path:'/first',components:{
      default:hehe,
      left:first,
      right:second
    }},
  ]
})
 
new Vue({
  router,
  template:`
    <div id='r'>
      <h1>导航</h1>
      <p>{{$route.name}}</p>
      <ol>
        <li><router-link to='/'>/</router-link></li>
        <li><router-link to='/first'>/first</router-link></li>
      </ol>
      <!--路由组件群-->
      <router-view></router-view>
      <router-view name="left" style="float:left;width:50%;background-color:orange;height:50px;"></router-view>
      <router-view name="right" style="float:right;width:50%;background-color:red;height:50px;"></router-view>
    </div>
  `
}).$mount('#app')

7.url传值

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/'},
    {path:'/params/:aaa/:bbb'}, //非正则
    {path:'/params-regex/:id(\\d+)'}  // 正则传参
  ]
})
 
new Vue({
  router,
  template:`
    <div>
      <h1>Good Morning</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <!--非正则-->
        <li><router-link to="/params/111/222">/params/111/222</router-link></li>
        <!--正则-->
        <li><router-link to="/params-regex/222">/params-regex/222</router-link></li>
      </ul>
      <p>Show</p>
      <p>aaa:{{$route.params.aaa}}  bbb:{{$route.params.bbb}} id:{{$route.params.id}}</p>
      <pre><code>
        {{JSON.stringify($route,null,2)}}
      </code></pre>
    </div>
  `
}).$mount('#app');

8.query&append;&exact;

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const users = {
  template:`
    <div>
      <h2>Users</h2>
      <router-view></router-view>
    </div>
  `
}
 
const user = {
  template:`
    <div>
        {{$route.params.username}}
        {{$route.query.aaa}}
        {{$route.params.id}}
    </div>
  `
}
 
const Home = {template:'<div><h2>Home</h2></div>'}
const about = {template:'<div><h2>about</h2></div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',name:'Home',component:Home},
    {path:'/',name:'about',component:about},
    {path:'/users',component:users,
          children:[
            {path:':username',name:'user',component:user}
          ]
    },
  ]
})
 
new Vue({
  router,
  template:`
    <div id='r'>
      <h1>导航</h1>
      <ol>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/first">/first</router-link></li>
          <ol>
             <li>
                <router-link :to="{path:'/users/wos',query:{aaa:'bbb'}}">
                  wos
                </router-link>
             </li>
             <li>
                <router-link to="about" append>
                  append
                </router-link>
             </li>
             <li>
                <router-link to="about" exact>
                  exact
                </router-link>
             </li>
          </ol>
      </ol>
      <router-view></router-view>
    </div>
  `
}).$mount('#app')

9.路由重定向

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const first = {template:'<div>first內容</div>'}
const second = {template:'<div>second內容</div>'}
const Home = {template:'<div>home內容</div>'}
const ab = {
    template:`
      <div class="asdf">
        <h2>组件</h2>
        <router-view class='asdf'></router-view>
      </div>
    `
  }
const firstFirst =  {template:'<div>firstFirst內容{{$route.params.id}}</div>'}
const firstSecond =  {template:'<div>firstSecond內容</div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname, //当前路径
  routes:[
    {path:'/',component:Home},
    {path:'/second',component:second},
    {path:'/first',component:ab,
      children:[
        {path:'/',component:first},
        {path:'first',component:firstFirst},
        {path:'second',component:firstSecond},
        // 路由重定向
          {path:'third',redirect:'first'},
      ]},
      //重定向传参
      {path:'/aaa/:id',component:firstFirst},
      {path:'/bbb/:id',redirect:'/aaa/:id'},
 
      // 使用函数
      {
        path:'/ccc/:id',
        redirect:xxxx => {
          const { hash,params,query} = xxxx;
          if(params.id == '001'){
            return '/'
          }
        }
      }
      
  ]
})
 
// 模板
new Vue({
  router,
  template:`
    <div id='r'>
        <h1>导航</h1>
        <ol>
          <li><router-link to="/">/</router-link></li>
          <li><router-link to="/first">first</router-link></li>
          <ol>
             <li><router-link to="/first/first">/first/first</router-link></li>
             <li><router-link to="/first/second">/first/second</router-link></li>
              <!--路由重定向-->
             <li><router-link to="third">third</router-link></li>
          </ol>
          <li><router-link to="/second">second</router-link></li>
 
          <li><router-link to="/aaa/123">aaa</router-link></li>
          <li><router-link to="/bbb/456">bbb</router-link></li>
          <li><router-link to="/ccc/001">ccc</router-link></li>
 
        </ol>
        <router-view class="sadfj"></router-view>
     </div>
     `
}).$mount('#app')

10.alias别名

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const first = {template:'<div>first內容</div>'}
const second = {template:'<div>second內容</div>'}
const Home = {template:'<div>home內容</div>'}
const ab = {
    template:`
      <div class="asdf">
        <h2>组件</h2>
        <router-view class='asdf'></router-view>
      </div>
    `
  }
const firstFirst =  {template:'<div>firstFirst內容{{$route.params.id}}</div>'}
const firstSecond =  {template:'<div>firstSecond內容</div>'}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname, //当前路径
  routes:[
    {path:'/',component:Home},
    // alias 重命名
    {path:'/second',component:second,alias:['/gogo','/abab']},
    {path:'/first',component:ab,
      children:[
        {path:'/',component:first},
        {path:'first',component:firstFirst},
        {path:'second',component:firstSecond},
        // 路由重定向
          {path:'third',redirect:'first'},
      ]},
      //重定向传参
      {path:'/aaa/:id',component:firstFirst},
      {path:'/bbb/:id',redirect:'/aaa/:id'},
 
      // 使用函数
      {
        path:'/ccc/:id',
        redirect:xxxx => {
          const { hash,params,query} = xxxx;
          if(params.id == '001'){
            return '/'
          }
        }
      }
      
  ]
})
 
// 模板
new Vue({
  router,
  template:`
    <div id='r'>
        <h1>导航</h1>
        <ol>
          <li><router-link to="/">/</router-link></li>
          <li><router-link to="/first">first</router-link></li>
          <ol>
             <li><router-link to="/first/first">/first/first</router-link></li>
             <li><router-link to="/first/second">/first/second</router-link></li>
              <!--路由重定向-->
             <li><router-link to="third">third</router-link></li>
          </ol>
          <li><router-link to="/second">second</router-link></li>
 
          <li><router-link to="/aaa/123">aaa</router-link></li>
          <li><router-link to="/bbb/456">bbb</router-link></li>
          <li><router-link to="/ccc/001">ccc</router-link></li>
          <!--重命名-->
          <li><router-link to="/gogo">gogo</router-link></li>
          <li><router-link to="/abab">abab</router-link></li>
 
        </ol>
        <router-view class="sadfj"></router-view>
     </div>
     `
}).$mount('#app')

11. 路由的过渡动画

     1.修改main.js文件

             

import Vue from 'vue'
 // 路由动画
 import tranistion from './tranistion.vue'
 new Vue({
  el:'#demo',
  render:xx=>xx(tranistion)
 })

      修改完之后修改最外面的index.html

       

//body中添加
<div id="demo"></div>

       2.新建tranistion.vue并编辑

          

<template>
  <div>
    <button v-on:click="show =! show"> show/hide text</button>
    <transition name="fade">
      <p v-if="show">Hello world</p>
    </transition>
  </div>
</template>
 
<script>
  export default{
    name:'demo',
    data (){
      return{
          show:true
      }
    }
  }
</script>
 
<style scoped>
  .fade-enter-active,.fade-leave-active{
     transition:opacity .5s
  }
  .fade-enter,.fade-leave-active{
    opacity:0
  }
</style>

    编辑完成运行：npm run vue

   点击切换效果out-in

// main.js文件
import Vue from 'vue'
import Router from './Router'
// router.js文件
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home</p>
    </div>
  `
}
 
const Parent = {
  template:`
    <div>
      <h2>Parent</h2>
      <p>This is Parent</p>
    </div>
  `
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent}
  ]
})
 
new Vue({
  router,
  template:`
    <div id="app">
      <h1>This is Transition</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
      </ul>
      <transition name="fade" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `
}).$mount('#app')

12.watch监控动画

修改index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>helloworld</title>
    <style type="text/css">
      a.router-link-active{
        color:#f66;
      }
      li.router-link-active a{
        color:#f66;
      }
      .fade-enter-active,.fade-leave-active{
        transition: opacity .5s
      }
      .fade-enter,.fade-leave-active{
        opacity: 0
      }
      .fade2-enter-active,.fade2-leave-active{
        transition: background 0.5s ease-in,color 0.3s ease-out
      }
      .fade2-enter,.fade2-leave-active{
        background-color:#f6f6f6;
        color:red;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <div id="demo"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

 修改Router.js

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home</p>
    </div>
  `
}
 
const Parent = {
  template:`
    <div>
      <h2>Parent</h2>
      <p>This is Parent</p>
    </div>
  `
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent}
  ]
})
 
new Vue({
  router,
  // 绑定数据
  data(){
    return {
      aaa:'fade'
    }
  },
  template:`
    <div id="app">
      <h1>This is Transition</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
      </ul>
      <!--数据绑定-->
      <transition :name="aaa" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `,
  // 监听渐变
  watch:{
    "$route"(to,from){
      if(from.path == '/Parent'){
        this.aaa = 'fade'
      }else{
        this.aaa = 'fade2'
      }
    }
  }
}).$mount('#app')

13.404页面和引入.vue文件

import Vue from 'vue'
import VueRouter from 'vue-router'
import Parent from './tranistion.vue'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home</p>
    </div>
  `
}
 
// const Parent = {
//  template:`
//    <div>
//      <h2>Parent</h2>
//      <p>This is Parent</p>
//    </div>
//  `
// }
 
// 404模板
const page404 = {
  template:`
    <div>
      <h2>error:404</h2>
    </div>
  `
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent},
    // 404
    {path:'*',component:page404}
  ]
})
 
new Vue({
  router,
  // 绑定数据
  data(){
    return {
      aaa:'fade'
    }
  },
  template:`
    <div id="app">
      <h1>This is Transition</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
        <!--404-->
        <li><router-link to="/fafdafa">where no here</router-link></li>
      </ul>
      <!--数据绑定-->
      <transition :name="aaa" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `
}).$mount('#app')

14.路由里的勾子

import Vue from 'vue'
import VueRouter from 'vue-router'
//import Parent from './tranistion.vue'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home</p>
    </div>
  `
}
 
const Parent = {
  template:`
    <div>
      <h2>Parent</h2>
      <p>This is Parent</p>
    </div>
  `
}
 
// 404模板
const page404 = {
  template:`
    <div>
      <h2>error:404</h2>
    </div>
  `,//钩子
  beforeRouteEnter:(to,from,next)=>{
    console.log(to)
    console.log(from)
    next()
  },
  beforeRouteLeave:(to,from,next)=>{
    console.log(to)
    console.log(from)
    next()
  },
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent,
      beforeEnter:(to,from,next) =>{
        //路由中的钩子
        console.log(to)
        console.log(from)
        next({path:'/alkdflakfj'})
      }
    },
    // 404
    {path:'*',component:page404}
  ]
})
 
new Vue({
  router,
  // 绑定数据
  data(){
    return {
      aaa:'fade'
    }
  },
  template:`
    <div id="app">
      <h1>This is Transition</h1>
      <ul>
        <li><router-link to="/">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
        <!--404-->
        <li><router-link to="/fafdafa">where no here</router-link></li>
      </ul>
      <!--数据绑定-->
      <transition :name="aaa" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `
}).$mount('#app')

15.编程式导航（前进 后退 返回首页）

import Vue from 'vue'
import VueRouter from 'vue-router'
//import Parent from './tranistion.vue'
Vue.use(VueRouter)
 
const Home = {
  template:`
    <div>
      <h2>Home</h2>
      <p>This is Home - {{$route.query.a}}</p>
    </div>
  `
}
 
const Parent = {
  template:`
    <div>
      <h2>Parent</h2>
      <p>This is Parent</p>
    </div>
  `
}
 
// 404模板
const page404 = {
  template:`
    <div>
      <h2>error:404</h2>
    </div>
  `,//钩子
  beforeRouteEnter:(to,from,next)=>{
    console.log(to)
    console.log(from)
    next()
  },
  beforeRouteLeave:(to,from,next)=>{
    console.log(to)
    console.log(from)
    next()
  },
}
 
const router = new VueRouter({
  mode:'history',
  base:__dirname,
  routes:[
    {path:'/',component:Home},
    {path:'/Parent',component:Parent},
    {path:'/test',component:test},
    {path:'*',component:page404},
  ]
})
 
const test = {
  template:`
    <div>
      <h2>测试404是否能显示</h2>
    </div>
  `
}
 
new Vue({
  router,
  // 绑定数据
  data(){
    return {
      aaa:'fade'
    }
  },
  template:`
    <div id="app">
      <button v-on:click="houtui">后退</button>
      <button v-on:click="qianjin">前进</button>
      <button v-on:click="home">返回首页</button>
      <button v-on:click="query">query</button>
      <ul>
        <li><router-link to="/?a=1&b=22">/</router-link></li>
        <li><router-link to="/Parent">/Parent</router-link></li>
        <!--404-->
        <li><router-link to="/fafdafa">where no here</router-link></li>
      </ul>
      <!--数据绑定-->
      <transition :name="aaa" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
  `,
  methods:{
    houtui:function(){
      router.go(-1)
    },
    qianjin:function(){
      router.go(1)
    },
    home:function(){
      console.log(router)
      router.push("/")
    },
    query:function(){
      router.push({path:'/',query:{a:1,b:22}})
    }
  }
}).$mount('#app')

     接下来探秘vuex，敬请期待。。。

文章标签：
JavaScript
监控
关键词：
JavaScript路由
VUE.js路由
2019ab
目录
相关文章
土木林森
|
1月前
|
缓存 前端开发 JavaScript
JavaScript前端路由的实现原理及其在单页应用中的重要性，涵盖前端路由概念、基本原理、常见实现方式
本文深入解析了JavaScript前端路由的实现原理及其在单页应用中的重要性，涵盖前端路由概念、基本原理、常见实现方式（Hash路由和History路由）、优点及挑战，并通过实际案例分析，帮助开发者更好地理解和应用这一关键技术，提升用户体验。
土木林森
74 1
东方睿赢
|
2月前
|
资源调度 JavaScript 前端开发
路由管理：Vue Router的使用和配置技巧
【10月更文挑战第21天】路由管理：Vue Router的使用和配置技巧
东方睿赢
51 3
大树营养快线
|
2月前
|
JavaScript API
vue 批量自动引入并注册组件或路由等等
【10月更文挑战第12天】 vue 批量自动引入并注册组件或路由等等
大树营养快线
40 2
邹荣乐
|
2月前
|
JavaScript 前端开发 API
vue3中常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据
vue3中常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据
邹荣乐
896 0
邹荣乐
|
2月前
|
JavaScript 前端开发 UED
vue中vue-router路由懒加载（按需加载）的作用以及常见的实现方法
vue中vue-router路由懒加载（按需加载）的作用以及常见的实现方法
邹荣乐
220 1
cqtianxin1
|
2月前
|
JavaScript
Node.js 路由
10月更文挑战第5天
cqtianxin1
27 2
大树营养快线
|
2月前
|
JavaScript 前端开发 UED
如何在 Vue 中实现路由懒加载？
【10月更文挑战第5天】
大树营养快线
27 1
代码bug生产队
|
2月前
|
JavaScript 前端开发 API
前端技术分享：Vue.js 动态路由与守卫
【10月更文挑战第1天】前端技术分享：Vue.js 动态路由与守卫
代码bug生产队
45 4
代码bug生产队
|
2月前
|
资源调度 JavaScript UED
如何使用Vue.js实现单页应用的路由功能
【10月更文挑战第1天】如何使用Vue.js实现单页应用的路由功能
代码bug生产队
76 4
刘大猫.
|
2月前
|
JavaScript 前端开发
vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
刘大猫.
41 2

热门文章

最新文章

  • 1
    jquery的load加载js页面到指定div中
  • 2
    node.js入门学习
  • 3
    前端 时间个性化 插件 jquery.timeago.js
  • 4
    JSBridge：混合开发中的双向通信[Android、iOS&JavaScript]
  • 5
    编写JavaScript时容易出错的几个地方
  • 6
    js 匿名函数 闭包
  • 7
    javascript：折叠菜单
  • 8
    Hammer.js分析（一）——基础结构
  • 9
    JS-【同页面多次调用】轮播特效封装-json传多个参数
  • 10
    js 正则 数值验证
  • 1
    使用Vue.js构建交互式前端的技术探索
    92
  • 2
    ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
    170
  • 3
    vue2升级到vue3的一些使用注意事项记录(四）
    133
  • 4
    ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
    151
  • 5
    ruoyi-nbcio-plus基于vue3的flowable多租户机制
    193
  • 6
    ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
    112
  • 7
    vue3中使用动态组件
    108
  • 8
    Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
    146
  • 9
    ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
    77
  • 10
    ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
    125

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • JavaScript入门与实战
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • JavaScript 自学手册文档教程
  • jQuery开发教程

    • 相关电子书

    更多
  • JavaScript函数
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    DataWorks售前咨询