vue配置router 和vuex 解决core-js从报错问题

在vue项目中必不可少使用vue-router + vue
在使用vuex中 代码如下

'use strict'
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
// 创建实例
const store = new Vuex.Store({
  state: {
    count: 1
  }
});
export default store;

在入口index引用

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
}).$mount("#app")

当在组件中使用了vuex展开运算符 就会报错

<template>
  <div>
    {{ count }}
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  data() {
    return {
    }
  },
  computed: {
    ...mapState(['count']),
  },

}
</script>

<style></style>

安装最新的core-js 不要根据推荐来安装

npm install core-js -D