欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

路由

程序员文章站 2022-03-10 18:13:53
...

在URL中采用#号来作为当前视图的地址,改变#号后的参数,页面并不会重载

  1. 下包 npm i vue-router
  2. 新建文件夹 router/index.js
import Vue from "vue"
import VueRouter from "vue-router"  //是vue第三方插件
import Home from "./views/home"
Vue.ues(VueRouter)
const routers = [
	{
		path:"/",
		component:Home
	}
]
export default new VueRouter({
	routers 
})
main.js
import Vue from "vue"
import App from "./App"
import router from "./router"
new Vue({
	el:"#app",
	router,
	render:h => h(App)
})
App.vue
<router-view></router-view>
相关标签: 路由