npm install vue-router --save-dev

<div id="app">
<p>
  <!-- 使用 router-link 組件來導(dǎo)航. -->
  <!-- 通過傳入 `to` 屬性指定在main.js文件設(shè)置的別名鏈接，如/1 -->
  <!-- <router-link> 默認(rèn)會(huì)被渲染成一個(gè) `<a>` 標(biāo)簽 -->
  <router-link to="/1">Go to Foo</router-link>
</p>
<!-- 路由出口 -->
<!-- 點(diǎn)擊<router-link>的時(shí)候指定的頁(yè)面將渲染在這里 -->
<router-view></router-view>
</div>

import VueRouter from 'vue-router'

// 1. 定義（路由）組件。
// 加載組件
import Page01 from './max'

Vue.use(VueRouter)
//全局安裝路由功能

// 2. 定義路由
// 每個(gè)路由應(yīng)該映射一個(gè)組件。 
const routes = [
 { path: '/1', component: Page01 } 
 //前面to指定的地方 path /1
]

// 3. 創(chuàng)建 router 實(shí)例，然后傳 `routes` 配置
const router = new VueRouter({
 routes
})

// 4. 創(chuàng)建和掛載根實(shí)例。
// 記得要通過 router 配置參數(shù)注入路由，
// 從而讓整個(gè)應(yīng)用都有路由功能
new Vue({
 el: '#app',
 template: '<App/>',
 components: { App },
 router
})

// 現(xiàn)在，就可以重啟試試了！

props: [
  'rimag',
  'hyaline',
  'levels',
  'ohyaline'
],

//HTML

<nv-nav :rimag=mgse :hyaline=ortiy :levels=vels :ohyaline=orctiy></nv-nav>
// 傳值用綁定

//JS

data () {
  return {
   mgse: -20.62,
   orctiy: 0,
   vels: -1,
   ortiy: 0
  }
}

//HTML

<nv-nav v-on:child-say="listen"></nv-nav>

//JS

listen: function (mgs, orc, cel, ort) {
 this.mgse = mgs
 this.orctiy = orc
 this.vels = cel
 this.ortiy = ort
}

mgs: -20.62,
orc: 0,
cel: -1,
ort: 0

dis: function () {
 this.$emit('child-say', this.mgs, this.orc, this.cel, this.ort)
}

<aside @click="dis"></aside>