首页 > 其他分享 >vue-router

vue-router

时间:2022-10-22 14:13:30浏览次数:43  
标签:npm vue 跳转 router 安装 路由

入门

1.前言

router 路由

应为vue是单页应用不会有那么多html 让我们跳转 所有要使用路由做页面的跳转

Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页Web应用

2.安装

构建前端项目

// 可以选择router
npm init vue@latest
//或者
// 不能选择 要自己安装
npm init vite@latest

使用Vue3 安装对应的router4版本

使用Vue2安装对应的router3版本

npm install vue-router@4

标签:npm,vue,跳转,router,安装,路由
From: https://www.cnblogs.com/codehaoran/p/16816001.html

相关文章

  • vue中工作总结
    1.vue中数据向下传递时,无法使用@close方法清除原因:传递的时候需要进行一波深拷贝方法:JSON.parse(JSON.stringify(obj))2.表格选择的时候无法再次点击取消使用elementui的时......
  • Vue 笔记6 模板分离
                   ......
  • Vue3 系统入门与项目实战2022克鲁斯卡尔算法
    ​Vue3系统入门与项目实战2022克鲁斯卡尔算法计算机的记忆金字塔1.局部性原则局部性原则是制定存储系统数据管理策略的理论基础。我们可以从两个维度来理解它:1.时间局......
  • vue3中$attrs的变化与inheritAttrs的使用
    在vue3中的$attrs的变化$listeners已被删除合并到$attrs中。$attrs现在包括class和style属性。也就是说在vue3中$listeners不存在了。vue2中$listeners是单独存在的。......
  • vue.js中实现阻止事件冒泡
    当父子元素中都有点击事件的时候,为了让触发子元素中的事件时,不去触发父元素中的事件,可以在子元素事件中添加stop来阻止事件冒泡。 .stop是阻止冒泡行为,不让当前元素的......
  • Vue 前端配置跨域
    目录Vue前端配置跨域添加vue.config.js文件修改main.js好文推荐Vue前端配置跨域Nginx、后端网关层已经全部配置跨域,VUE前端仍然会偶发性发生跨域问题,故此决定,前端也进......
  • 【前端】学习了一段时间的vue,总结一下Vue书写规范
    (学习了一段时间的vue,总结一下Vue书写规范)命名规范在团体开发项目中,为了团队所有成员书写可维护的代码,而不是一次性的代码,让团队当中其他人看你的代码能一目了然,甚至过......
  • 解决vue请求springBoot项目时跨域问题
    由于浏览器同源策略的限制,如果请求url的协议、域名、端口号中有一项不同,就会产生跨域问题当我们在本地开始前后端分离项目时,必然会启动不用的端口,所以就会发生跨域问题比......
  • 前端Vue2-Day56
    消息订阅与发布pubsub:实现任意组件间通信使用步骤:①安装pubsub-js:npmipubsub-js②引入:importpubsubfrom'pubsub-js'③订阅消息:使用pubsub自带的subscribe方法......
  • Vue笔记4 过滤器、表单v-model\高级函数
      item.price|showPrice过滤器用法              -------------------------------------------------------  --------------......