vue路由
关注
分享
扫一扫
文章平均质量分 72
路由
一个想走出去的码农
这个作者很懒，什么都没留下…
展开
-
前端面试题
------原创 2023-02-27 22:53:14 · 5964 阅读 · 0 评论 -
黑马后台管理--路由分配
黑马后台管理–路由分配案例分析基本组成app根组件通过路由的方式加载到页面代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>基于vue-router的案例</title> <style type="text/css"> html, body, #app { ma原创 2021-05-08 22:23:01 · 344 阅读 · 0 评论 -
vue-router编程式导航
vue-router编程式导航1. 理解2.例子 利用push方法完成跳转在user1里面放一个按钮 点击就会跳转到Register页面代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v原创 2021-05-08 20:31:13 · 159 阅读 · 0 评论 -
vue-router命名路由
vue-router命名路由例子如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-05-08 20:12:02 · 131 阅读 · 0 评论 -
vue-router动态路由匹配
1.动态路由匹配1.2例子代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-05-08 19:47:28 · 389 阅读 · 0 评论 -
vue-router嵌套路由
vue-router嵌套路由1.例子如下2.注意最重要的就是在父组件里面添加子组件，如下：<router-link to="/register/tab1">tab1</router-link><router-link to="/register/tab2">tab2</router-link> <!-- 子路由的占位符 --><router-view />3.代码如下<!DOCTYPE html>&l原创 2021-05-08 19:21:18 · 188 阅读 · 0 评论 -
vue-router的基本使用
vue-router的基本使用介绍它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器，推荐使用官网：https://router.vuejs.org/zh/基本使用步骤1导入js文件2.添加路由链接3.添加路由占位符(最后路由展示的组件就会在占位符的位置显示)4.定义路由组件5.配置路由规则并创建路由实例6.将路由挂载到Vue实例中1.导入js文件1.1如果不想下载可以用网链接的形式<script src="https://unpkg.com/vue原创 2021-05-07 19:54:02 · 216 阅读 · 0 评论