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>
目录
相关文章
|
8月前
|
前端开发 JavaScript CDN
Nuxt.js 本地(CDN 远程)JS/CSS 全局(单页面)导入
Nuxt.js 本地(CDN 远程)JS/CSS 全局(单页面)导入
340 0
|
JavaScript CDN
JS:NPM发布一个Vue组件UI库并使用CDN引入使用
JS:NPM发布一个Vue组件UI库并使用CDN引入使用
412 0
|
JavaScript CDN
js:Vue2.js中使用CDN方式引入vueuse
js:Vue2.js中使用CDN方式引入vueuse
593 0
|
JavaScript CDN
js:Vue2.js通过CDN方式引入模板
js:Vue2.js通过CDN方式引入模板
126 0
|
CDN
Vue3.js快速开发CDN引入测试模板
Vue3.js快速开发CDN引入测试模板
360 0
|
JavaScript CDN
基于 Vue.js CDN 引入方式基本模板
基于 Vue.js CDN 引入方式基本模板
101 0
|
JavaScript CDN
JS:CDN方式引入Vue-Router
JS:CDN方式引入Vue-Router
208 0
|
JavaScript CDN
JS:CDN方式引入Vue-Router
JS:CDN方式引入Vue-Router
179 0
|
边缘计算 缓存 前端开发
CDN云课堂 | EdgeRoutine技术专家教你把JS代码跑到CDN边缘
4月27日CDN云课堂中,阿里云智能技术专家洪晓龙在线分享《阿里云CDN轻量编程环境》,对EdgeRoutine的背景、功能、案例实践介绍并在线进行上手操作演示,希望更多用户能够使用CDN轻量编程环境服务自主编程、快速落地实际线上业务。本文为直播分享全文。
5972 1
CDN云课堂 | EdgeRoutine技术专家教你把JS代码跑到CDN边缘
|
JavaScript CDN 缓存
Js cdn 学习
BootCDN 链接:http://www.bootcdn.cn/ 使用CDN引用的一个好处:许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。
967 0