路由传参，打包项目问题的简单解决办法

router-link 跳转传参

props中存储的就是动态路由idx中的值，其实就是调用this.$route.idx进行获取
 path: '/top/:idx',
    name: 'Top',
    props: true,
跳转组件中
export default {
  name: 'Top',
  props: ['idx'],
  data() {
    return {
      playlist: null,
      mark: false,
    }
  },

在vue中跳转同一路由下面的路由会导致页面不刷新，解决办法是利用watch进行监听，或者使用：key的api

  $route(to, from) {
      // 判断来的方面有没有ID
      if (from.query.id) {
         let id = from.query.id;
        this.RankDeatil({ id });
      }
      // 判断去的方面有没有ID
      if (to.query.id) {
        let id = to.query.id;
        this.RankDeatil({ id });
      }
    },

或者
   <router-view :key="$route.fullPath"></router-view>

vue cli 打包（npm run build）后，如果打包后js,css，图片文件找不到解决办法

//(1)配置build/utils.js与config/index.js中找到下面代码进行修改
//build/utils.js
 if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath: '../../', //修改部分
        fallback: 'vue-style-loader'
      })
    } else {
  
//config/index.js
assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',//修改部分

如果以上配置修改完，图片文件还是不出来，那么可能是你引入的方法式不对，可以试试将绝对路径改成相对路径