开发者社区> auqbllxiu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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>

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

相关文章
JS:CDN方式引入Vue-Router
JS:CDN方式引入Vue-Router
9 0
JS:CDN方式引入Vue-Router
JS:CDN方式引入Vue-Router
9 0
JS:CDN方式引入Vue-Router
JS:CDN方式引入Vue-Router
39 0
Vue-router入门
Vue-router入门
28 0
Vue从服务器动态获取router
laravel提供接口那不是分分钟的是嘛 api.php
1923 0
重磅嘉宾畅聊大数据&AI开源话题,零距离感受激荡开源江湖
「开源人说」第四期——大数据& AI专场在今年云栖大会举办,阿里巴巴开源委员会大数据AI领域副主席王峰和阿里云AI开源项目EasyRec负责人施兴现场分享热门开源项目背后的故事。开源中国创始人&CTO红薯,白鲸开源联合创始人代立冬,浙大博导赵俊博,InfoQ总编辑王一鹏、Apache软件基金会成员李钰等嘉宾圆桌共话,对开源热点及痛点问题展开激烈讨论。
193291 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
基于FAAS构建NPM同步CDN
立即下载
编程语言如何演化—— 以 JS 的 private 为例
立即下载
JS 语言在引擎级别的执行过程
立即下载