在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