vue-cli: 路由与路由钩子函数

一. 路由与路由钩子函数

组件部分[html]

<template>
  <div class="dome">
    <h1>路由 vue-router</h1>
    {
  {
      $route.fullPath
    }}
    <div>
      <button @click="changPage">通过js切换路由</button>
    </div>
    <router-view/>
  </div>
</template>
<script>
// import router from '@/router'

export default {
     
  name: 'demo17',
  data () {
     
    return {
     
    }
  },
  mounted () {
     
    // 路由对象
    // 8080/demo17?a=1 -> 在路径后面加上?a=1之后,
    // 打印出来的fullPath就从/demo17变成了?demo17?a=1, 二path还是/demo17不变
    console.log(this.$route)
  },
  methods: {
     
    changPage () {
     
      // 通过js切换路由
      // this.$router.push('/demo5')
      // // 通过name切换路由
      // this.$router.push({
     
      //   name: 'Demo5'
      // })
      //