Vue--开启路由传参把路由参数映射到组件中

1.路由中

const routes = [

    {
        path: '/article/:articleID',
        name: 'article',
        component: () =>
            import ('../views/article'),
        props: true //开启props传参，把路由参数映射到组件的props数据中

    }
]

2.在组件中

<template>
</template>

<script>
export default {
  name: 'articleIndex',

  data() {
    return {

    };
  },
  props: {
    //接收路由参数
    articleID: {
      type: [Number, String],
      require: true
    }
  },
  mounted() {

  },

  methods: {

  }
};
</script>