La siguiente es la sintaxis correcta para escribir y usar el código. Compruébelo primero con su propio código. Si no hay errores de sintaxis, busque la solución más tarde.
1. Después de crear un proyecto vue2 e instalar el último paquete de vuex (no se especifica ninguna versión)
2. Introduzca vuex y genere un objeto de tienda (src/store/index.js)
import Vue from "vue"
// 1.安装vuex包
// 2.导入vuex
import Vuex from 'vuex'
// 3. 把vuex注册为vue的插件
// 在vue实例的原型上挂载一个$store属性
Vue.use(Vuex)
// 4.定义规则并生成store对象
const store = new Vuex.Store({
state: {
count: 100
}
})
// 5.导出到main.js中 注册到 new Vue 中
export default store
3. Monte la tienda (src/main.js) en main.js
import Vue from 'vue'
import App from './App.vue'
import store from '@/store/index.js'
Vue.config.productionTip = false
new Vue({
// 让Vue项目有vuex的功能
// 给Vue实例的原型上的$store赋值(值为store中的state)
store,
render: h => h(App),
}).$mount('#app')
4. Hasta ahora, vuex se ha utilizado correctamente, pero el terminal aún informa un error TypeError: No se pueden leer las propiedades de undefinido (leyendo 'estado')
Motivo del error: la versión de vue2 no coincide con la versión de vuex, no hay ningún problema con la escritura de nuestro código.
Solución: simplemente instale las versiones especificadas de vue y vuex.
