点击上方“逆锋起笔”,公众号回复 编程资源
领取大佬们推荐的学习资料
import { createStore } from 'vuex'
export const store = createStore({
state() {
return {
count: 1
}
}
})
从技术上来讲这并不是一个重大更改,不过你还是可以使用 newStore(...) 语法,我们建议大家用这种方法来和 Vue 3、Vue Router 4 保持一致。
import { createApp } from 'vue'
import { store } from './store'
import App from './App.vue'
const app = createApp(App)
app.use(store)
app.mount('#app')
vuex.global(.prod).js
在浏览器中直接用于<scriptsrc="...">。全局公开 Vuex。
全局构建是作为 IIFE 而不是 UMD 构建的,并且只能与<scriptsrc="...">直接共用。
包含硬编码的 prod/dev 分支,并且 prod 构建已预先最小化。使用.prod.js 文件用于生产。
vuex.esm-browser(.prod).js
用于原生 ES 模块导入(包括通过< script type="module">支持模块的浏览器。)
vuex.esm-bundler.js
用于 webpack、rollup 和 parcel 等打包器。
带有 process.env.NODE_ENV 防护的 prod/dev 分支不受影响(必须由打包器代替)。
不提供缩小的构建(打包后与剩余代码一起处理)。
vuex.cjs.js
用于带有 require() 的 Node.js 服务端渲染。
// vuex-shim.d.ts
import { ComponentCustomProperties } from 'vue'
import { Store } from 'vuex'
declare module '@vue/runtime-core' {
// Declare your own store states.
interface State {
count: number
}
interface ComponentCustomProperties {
$store: Store<State>
}
}
import { createLogger } from 'vuex'
导出缺少的 storeKey(4ab2947)
修复在 Webpack 包中无法摇树的问题(#1906)(#1907)(aeddf7a)
支持下