开发者社区> 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
6 0
JS:CDN方式引入Vue-Router
JS:CDN方式引入Vue-Router
12 0
JS:CDN方式引入Vue-Router
JS:CDN方式引入Vue-Router
20 0
Vue-router入门
Vue-router入门
28 0
Vue从服务器动态获取router
laravel提供接口那不是分分钟的是嘛 api.php
1923 0
React.js实战之Router原理及 React-router
官网文档https://reacttraining.com/react-router/core/guides/philosophy 页面路由 Hash 路由 H5路由 只对后退记录有效 // 页面路由 window.
1056 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
基于FAAS构建NPM同步CDN
立即下载
编程语言如何演化—— 以 JS 的 private 为例
立即下载
JS 语言在引擎级别的执行过程
立即下载