An error occurred in hook ‘getInspectorState‘ registered by plugi, 及命名空间的使用

关闭命名空间

export default {
namespaced: true, //关闭
state,
mutations,
actions
}
错误信息 An error occurred in hook ‘getInspectorState’ registered by plugin ‘org.vuejs.vue2-internal’ with payload:
Vuex使用
需要某个变量为全局变量时,可以采用Vuex来进行实现,简单案例说明:
1.安装Vuex有的话可省略

npm install --save vuex
1
2.在src下新建store文件夹且在store文件下新建index.js以及modules/getValues.js

3.在getValues.js设置全局变量的state,代码如下:
注:namespaced: true 的方式使其成为带命名空间的模块。保证在变量名一样的时候,添加一个父级名拼接,能保证变量名重复的情况下不会出错。

export default{
namespaced:true,
state:{
globalValue:(3<1)?‘全局变量正确’:‘全局变量错误’
},
mutations:{

},
actions:{

},
getters:{

}

}

15
4.在store下的index.js下new Vuex,且引入getVlaues.js文件,代码如下:

import Vue from ‘vue’
import Vuex from ‘vuex’
import getGlobalValues from ‘./modules/getValues’
Vue.use(Vuex)
const store = new Vuex.Store({
modules:{
getGlobalValues
}
})
export default store

5.组件内使用:
引入store:

import store from ‘@/store’
1
使用state下的全局变量:

this.global = store.state.getGlobalValues.globalValue
1
同理,js里面使用亦是如此

你可能感兴趣的:(VUE开发,javascript,vue.js,前端)