当前位置:网站首页 > 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父子组件传值emit(vue父子组件传值显示未定义)2026-04-22 21:18:07
  • vue2生命周期执行顺序(vue生命周期详解简书)2026-04-22 21:18:07
  • pcie5.0的显卡有哪些(pci-e 5.0)2026-04-22 21:18:07
  • plsql14.0注册码(plsql 14 注册码)2026-04-22 21:18:07
  • redhat重置root密码(redhat6.9重置root密码)2026-04-22 21:18:07
  • 全屏图片