首页 > 其他 > 详细

在Vue项目中使用Vue-router的另一种形式

时间:2020-05-29 17:08:27      阅读:45      评论:0      收藏:0      [点我收藏+]

1、在src目录下创建一个router文件夹,在里面创建router.js

npm install vue-router

技术分享图片

 

 2、router.js

技术分享图片
 1 import Vue from ‘vue‘
 2 import Router from ‘vue-router‘
 3 
 4 import Home from ‘../page/home/Home.vue‘
 5 
 6 Vue.use(Router)
 7 
 8 const routes = [
 9   {
10     path: ‘/‘,
11     component: Home,
12   },
13 ]
14 
15 export default new Router({
16   routes,
17   strict: process.env.NODE_ENV !== ‘production‘,
18 })
View Code

3、main.js

技术分享图片
import Vue from ‘vue‘

import App from ‘./App.vue‘
import router from ‘./router/router‘
import ‘./element/index‘
import ‘element-ui/lib/theme-chalk/index.css‘

Vue.config.productionTip = false

new Vue({
  router,
  render: (h) => h(App),
}).$mount(‘#app‘)
View Code

 

在Vue项目中使用Vue-router的另一种形式

原文:https://www.cnblogs.com/hahahakc/p/12987925.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!