教你手写一个简易的VueRouter-创新互联

教你手写一个简易的 Vue Router？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

成都创新互联公司是一家专注于网站制作、成都网站制作与策划设计,通化网站建设哪家好?成都创新互联公司做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:通化等地区。通化做网站价格咨询:18980820575

基本骨架

• Vue 里面使用插件的方式是 Vue.use(plugin) ，这里贴出它的用法：
   

安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象。

• 全局混入

使用 Vue.mixin(mixin)

全局注册一个混入，影响注册之后所有创建的每个 Vue 实例。可以使用混入向组件注入自定义的行为，它将影响每一个之后创建的 Vue 实例。

• 路由用法
   

比如简单的:

// 路由数组
const routes = [
 {
  path: '/',
  name: 'Page1',
  component: Page1,
 },
 {
  path: '/page2',
  name: 'Page2',
  component: Page2,
 },
]

const router = new VueRouter({
 mode: 'history', // 模式
 routes,
})

文章名称：教你手写一个简易的VueRouter-创新互联
网页URL：http://www.cdkjz.cn/article/jhogi.html