1、导入VueRouterimport Vue from 'vue'import VueRouter from 'vue-router'2、全局注册VueRouter插件,在组件中就可以使用this.$router 来访问路由Vue.use(Vue ...
1、导入VueRouter
import Vue from 'vue'import VueRouter from 'vue-router'
2、全局注册VueRouter插件,在组件中就可以使用this.$router 来访问路由
Vue.use(VueRouter)
3、定义路由
const routes = [ { path: '/', component: function (resolve) {//延迟加载模块 require(['./components/home'], resolve) } }]const router = new VueRouter({ routes})
4、路由加载前后事件
router.beforeEach(function (to, from, next) { next();})router.afterEach(function (to) { })
5、创建和挂载根实例。 // 记得要通过 router 配置参数注入路由, // 从而让整个应用都有路由功能
const app = new Vue({ router}).$mount('#app')
6、JS 路由功能
// url变成:/registerrouter.push('register');// 带查询参数,变成 /register?plan=privaterouter.push({ path: 'register', query: { plan: 'private' }})
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:Vue路由
关键词:VUE
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。