开发者社区> auqbllxiu> 正文

JS：CDN方式引入Vue-Router

2023-02-05 13

简介： JS：CDN方式引入Vue-Router
+关注继续查看
<div id="app">
  <p>$route.name: {{$route.name}}</p>
  <p>$route.path: {{$route.path}}</p>
  <p>$route.query: {{$route.query}}</p>
</div>

<script src="/static/js/vue.js"></script>
<script src="/static/js/vue-router.js"></script>

<script>
  const router = new VueRouter({
    mode: "history", // 默认使用hash模式，url会出现#
  });

  const app = new Vue({
    router,
    el: "#app",
  });
</script>

显示结果

$route.name:


$route.path: /demo.html

$route.query: { "id": "44", "name": "Tom" }

单页面上使用vue-router，可以用来解析url上的参数

            </div>

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

JavaScript CDN
vue router使用 vue router什么 vue router参数 vue router配置 router权限管理
开发者社区 > 开发与运维 > 文章
云迁移中心
作者高分内容
更多
《阿里巴巴Java开发手册（终极版）》电子版地址 865 Maven国内镜像配置 138 《阿里巴巴Java开发手册(正式版）》电子版地址 851 《Java开发手册（嵩山版）》电子版地址 103 《阿里巴巴Java开发手册（终极版）》电子版地址 106
相关文章
auqbllxiu
JS：CDN方式引入Vue-Router
JS：CDN方式引入Vue-Router
14 0
auqbllxiu
基于 Vue.js CDN 引入方式基本模板
基于 Vue.js CDN 引入方式基本模板
19 0
auqbllxiu
CDN引入vue不兼容IE浏览器
CDN引入vue不兼容IE浏览器
14 0
猫先生c
vue项目中使用CDN引入
vue项目中使用CDN引入
264 0
程序猿v
JS：NPM发布一个Vue组件UI库并使用CDN引入使用
JS：NPM发布一个Vue组件UI库并使用CDN引入使用
94 0
新手站长网
阿里云服务器ECS介绍（全解析）
阿里云服务器ECS是什么？云服务器ECS是一种安全可靠、弹性可伸缩的云计算服务，云服务器可以降低IT成本提升运维效率，免去企业或个人前期采购IT硬件的成本，阿里云服务器让用户像使用水、电、天然气等公共资源一样便捷、高效地使用服务器，阿里云百科分享阿里云服务器ECS性能测速、优势、功能应用场景介绍
101 0
技术小达人
Run 32-bit applications on 64-bit Linux kernel
Run 32-bit applications on 64-bit Linux kernel
119 0
江夏、
使用CDN方法的方式进行Vue.js的安装
最近公司需要进行一些前端的开发工作用到了Vue前端框架，所以准备自学Vue，顺便几下学习的过程以及一些问题。
379 0
上进的鹏多多
vue项目+element-plus配置cdn
本文分享了如何给项目配置cdn。
332 0
No8g攻城狮
【IntelliJ IDEA】idea 的全局搜索快捷键ctrl+shift+f 失效的解决方案
idea 的全局搜索快捷键ctrl+shift+f 失效的解决方案
66 0
+关注
auqbllxiu
文章
问答
作者高分内容
更多
《阿里巴巴Java开发手册（终极版）》电子版地址 865 Maven国内镜像配置 138 《阿里巴巴Java开发手册(正式版）》电子版地址 851 《Java开发手册（嵩山版）》电子版地址 103 《阿里巴巴Java开发手册（终极版）》电子版地址 106
文章排行榜
最热
最新
1 C生万物 | 操作符汇总大全【庖丁解牛，精细讲解】 95721
2 Spring源码分析之循环依赖及解决方案（一） 93272
3 重识Flutter 非常用Slivers组件速览 - part3 84050
4 无缝切换？从Vue到React 81219
5 fastjson2为什么这么快 74313
6 JVM（Java虚拟机）详解（JVM 内存模型、堆、GC、直接内存、性能调优） 67932
7 Spark+Celeborn：更快，更稳，更弹性 66689
8 Meetup 报名丨 共话云原生架构升级，微服务x容器开源 Meetup 北京站来啦！ 64329
9 CVPR2021 | 视觉推理解释框架VRX：用结构化视觉概念作为解释网络推理逻辑的「语言」 63309
10 结构化总结与结构化思考之《金字塔原理》总结 56112
11 实现人机协同高稳定性，阿里云5G专网IoT方案入选工信部优秀解决方案 53923
12 IoT设备的数据格式ProtoBuf转JSON 41036
13 重构的核心-让代码保持整洁 40227
14 【Linux】-- 开发工具yum、vim、gcc、g++、gdb、make、makefile使用介绍（一） 39745
15 IoT设备数据业务价值洞察实践 37810
16 【C++修炼之路】类和对象（中）—— 筑基篇 37093
17 Hive数据倾斜的原因以及常用解决方案 33009
18 高并发编程之阻塞队列 32536
19 Spring 事务【隔离级别与传播机制】 30298
20 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率 29320
1 官宣｜Apache Flink 1.17 发布公告 186
2 基于阿里云eRDMA的GPU实例大幅提升多机训练性能 118
3 基于阿里云弹性GPU服务的神龙AI加速引擎，无缝提升AI训练性能 110
4 重构计算，驱动视界：阿里云视觉计算思考与实践 112
5 全新升级｜ECS成熟度评估与洞察，助你精准定位运维风险 64
6 网络平台挑选实名制认证API接口的注意事项 73
7 vika维格表 x 阿里云计算巢：SaaS 云端私有化部署，助力企业数字化转型 252
8 为什么 C# 可能是最好的第一编程语言 136
9 Airwallex 基于 Flink 打造实时风控系统 93
10 IoT小程序在展示中央空调采集数据和实时运行状态上的应用 22811
11 应对网络不可靠挑战，用 OpenYurt 实现边缘业务连续性 8076
12 Meta2032开发功能丨Meta2032系统开发（开发详细）丨Meta2032系统源码部署 58
13 技术一号位的方法论《个人篇》——人成长的本质以及如何构建个人成长路线图 5453
14 企业如何申请短信接口服务 138
15 JVM学习.02 内存分配和回收策略 4759
16 5分钟构建API接口服务 | python小知识 6818
17 流批一体在 AI 核心电商领域的探索与实践 161
18 JAVA实战：如何让单元测试覆盖率达到80%甚至以上 60
19 Linux线程同步与互斥（一） 4957
20 云起实验室《喜迎新春体验福利大放送》中奖名单&问答 77
相关课程
更多
如何进行CDN以及下载优化分析
127
1
去学习
CDN介绍及使用入门
3037
13
去学习
阿里云CDN使用教程
7239
6
去学习
通过CDN为网站提速
45
6
去学习
Vue.js 入门与实战
18672
86
去学习
Spring Boot+Vue.js+FastDFS实现分布式图片服务器
203
16
去学习
推荐文章
参与OCR文档自学习产品评测，赢Airpods 2 参与云效代码管理Codeup评测，赢Redmi Watch 3 参与IoT小程序框架评测，赢CHERRY机械键盘 乘风者计划邀您入驻社区，精彩权益即刻享
相关电子书
更多
基于FAAS构建NPM同步CDN
立即下载
JS零基础入门教程（上册）
立即下载
编程语言如何演化-以JS的private为例
立即下载