在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>
npm install core-js -D
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- niushuan.com 版权所有 赣ICP备2024042780号-2
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务