365bet平台注册

当前位置:365bet平台注册 > 365bet平台注册 > Vue路由

Vue路由

来源:http://www.zlzd.net 作者:365bet平台注册 时间:2019-11-30 11:18

365bet平台注册,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变成:/register
router.push('register');
// 带查询参数,变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

 

本文由365bet平台注册发布于365bet平台注册,转载请注明出处:Vue路由

关键词:

上一篇:没有了

下一篇:股票交易中基本术语汇总