vuex运行报错

今天写vue项目在使用vuex的时候，遇到一个报错，一直说是一个名字未定义，页面也没渲染出来。

控制台报错：state未定义

页面报错：页面效果渲染不出来

在终端中进行调试，一直显示运行成功状态，未见报错

集成终端状态：成功

后来发现是我少引入了一个插件：store

引入插件：store

只需要在main.js文件中进行引入就可以了

import store from "./store"
new Vue({
  el: '#app',
  store,  //注册使用  this.$store
})
           

运行效果：