博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue路由编程式导航以及hash模式
阅读量:5128 次
发布时间:2019-06-13

本文共 961 字,大约阅读时间需要 3 分钟。

import Vue from 'vue';import App from './App.vue';//引入公共的scss   注意:创建项目的时候必须用scssimport './assets/css/basic.scss';   //请求数据import VueResource from 'vue-resource';Vue.use(VueResource);import VueRouter from 'vue-router';Vue.use(VueRouter);//1.创建组件import Home from './components/Home.vue';import News from './components/News.vue';import Content from './components/Content.vue';//2.配置路由   注意:名字const routes = [  { path: '/home', component: Home },  { path: '/news', component: News,name:'news' },  { path: '/content/:aid', component: Content },   /*动态路由*/  { path: '*', redirect: '/home' }   /*默认跳转路由*/]//3.实例化VueRouter  注意:名字const router = new VueRouter({  mode: 'history',   /*hash模式改为history*/  routes // (缩写)相当于 routes: routes})//4、挂载路由new Vue({  el: '#app',  router,  render: h => h(App)})//5 
放在 App.vue

 

转载于:https://www.cnblogs.com/loaderman/p/11058382.html

你可能感兴趣的文章
浅谈项目需求变更管理
查看>>
经典算法系列一-快速排序
查看>>
设置java web工程中默认访问首页的几种方式
查看>>
ASP.NET MVC 拓展ViewResult实现word文档下载
查看>>
8、RDD持久化
查看>>
第二次团队冲刺--2
查看>>
VMware Tools安装
查看>>
Linux上架设boost的安装及配置过程
查看>>
[转载]加密算法库Crypto——nodejs中间件系列
查看>>
zoj 2286 Sum of Divisors
查看>>
使用Xshell密钥认证机制远程登录Linux
查看>>
OpenCV之响应鼠标(三):响应鼠标信息
查看>>
Android 画图之 Matrix(一)
查看>>
List<T>列表通用过滤模块设计
查看>>
【模板】最小生成树
查看>>
设计模式之结构型模式
查看>>
poj2569
查看>>
使用pygal_maps_world.i18n中数据画各大洲地图
查看>>
sql server必知多种日期函数时间格式转换
查看>>
jQuery EasyUI 的下拉选择combobox后台动态赋值
查看>>