JS:CDN方式引入Vue-Router

简介: 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>
目录
相关文章
|
11月前
|
人工智能 自然语言处理 开发工具
《解锁鸿蒙系统AI与第三方应用集成的无限可能》
鸿蒙系统与人工智能技术的融合为应用开发带来新机遇。开发者可利用鸿蒙内置的AI服务(如语音助手、视觉识别等),借助DevEcoStudio等智能工具,快速集成AI功能,降低开发成本。遵循鸿蒙接口规范,确保兼容性和稳定性。参与鸿蒙生态社区,提升开发能力并优化用户体验,推动鸿蒙生态繁荣发展。
610 12
|
前端开发 开发者 容器
BFC 及其应用详解
BFC(Block Format Context),即块级格式化上下文,是CSS中一种重要的布局方式,它能够解决浮动元素带来的问题,如元素塌陷等。通过触发BFC,可以将元素布局限制在一个独立的容器内,避免与外部元素相互影响。适用于需要对元素进行精确控制的场景。
|
11月前
|
数据库 Docker 容器
docker容器为啥会开机自启动
通过配置适当的重启策略,Docker容器可以在主机系统重启后自动启动。这对于保持关键服务的高可用性和自动恢复能力非常有用。选择适合的重启策略(如 `always`或 `unless-stopped`),可以确保应用程序在各种情况下保持运行。理解并配置这些策略是确保Docker容器化应用可靠性的关键。
472 17
|
Web App开发 数据可视化 前端开发
Pixi入门第一章:绘制一个小精灵
这篇文章是关于Pixi.js的入门教程第一部分,指导读者如何创建并显示一个基本的2D精灵,适用于开始学习Pixi.js进行2D图形开发的初学者。
373 0
Pixi入门第一章:绘制一个小精灵
|
编解码 数据可视化 前端开发
ECharts 对比 Highcharts 使用教程
ECharts 对比 Highcharts 使用教程
555 1
|
开发框架 监控 测试技术
Flutter系列文章-Flutter在实际业务中的应用
通过这个示例,你将更深入地了解如何在实际业务中应用Flutter,以及如何运用不同的解决方案和技术来构建高效、稳定的应用。
277 1
|
网络协议 安全 网络安全
网络协议的定义、组成和重要性?
网络协议的定义、组成和重要性?
1253 0
|
Linux 数据安全/隐私保护 iOS开发
WPS文档导出图片要充钱?这个软件让你不花冤枉钱。
WPS文档导出图片要充钱?这个软件让你不花冤枉钱。