当前位置:网站首页 > Vue.js开发 > 正文

vue教程菜鸟教程(vue 教程)



(2) 选择使用淘宝镜像

 
  

(3) 全局安装 vue-cli

 
  

(4) 创建一个基于 webpack 模板的新项目

 
  

(5) 进入项目,初始化并运行:

 
  

(6) 打包 Vue 项目

 
  

创建项目的过程中如果没有选择自动下载router,那就手动下载:

 
  
 
  

建一个文件夹router,夹一个index.js编写router配置

 
  
 
  
 
  

内容页面

 
  

建1–n个vue界面自定义内容

在这里插入图片描述

在router配置文件index.js中的主url下加入嵌套url

在这里插入图片描述

最后在主url页面中添加router跳转及显示

在内容页(url是:/content),发起重定向请求(url是:/gohome)跳回首页(url是:/home)

在这里插入图片描述

  1. 添加参数

在路由配置文件中添加

 
  
  1. 编写router-link传参
 
  
  1. 取出参数展示
 
  

查看官网API

 
  

Axios获取参数:

到此这篇vue教程菜鸟教程(vue 教程)的文章就介绍到这了,更多相关内容请继续浏览下面的相关 
  推荐文章,希望大家都能在编程的领域有一番成就! 
  

                            

版权声明


相关文章:

  • pcie5.0速度已经超过内存速度了吗(pcie 5.0速度)2026-04-22 21:18:07
  • jvm1.8内存模型图(jvm内存模型与内存结构)2026-04-22 21:18:07
  • vue2生命周期(vue2生命周期都做了什么事)2026-04-22 21:18:07
  • ijamt影响因子(ijsem影响因子)2026-04-22 21:18:07
  • vue钩子函数有哪些含义(vue3.0钩子函数)2026-04-22 21:18:07
  • vue.js 菜鸟教程(vue.js入门教程)2026-04-22 21:18:07
  • pcie 4.0速度(pcie4.0速度提升大吗)2026-04-22 21:18:07
  • pcie5.0电源(pcie5.0电源有什么用)2026-04-22 21:18:07
  • js数组方法有哪些(js数组方法总结)2026-04-22 21:18:07
  • pci-e 5.0(pci-e 5.0 固态硬盘普及)2026-04-22 21:18:07
  • 全屏图片