gpt4 book ai didi

javascript - Vue.js - 没有 Webpack 的 Vuex?

转载 作者:数据小太阳 更新时间:2023-10-29 04:59:54 24 4
gpt4 key购买 nike

我正在使用 ASP.Net 网页 (vb Razor),并且在使用它设置 Webpack 时遇到了问题,并且在 stackoverflow (How to setup ASP.NET Core + Vue.Js?) 的其他地方被建议在没有构建系统的情况下简单地使用 vue.js CDN .

问题是:如果现在能够使用 Vuex 进行状态管理会很棒,但似乎所有示例都使用 webpack - 无论如何都没有构建系统或 vuex 的替代品来创建数据存储和维护 vue 的 react 性?

谢谢,很抱歉这个不常见的问题 - 我知道大多数人都使用 webpack!

最佳答案

如果没有包生成器,您可以使用适用于 vuejs 和 vuex 的 CDN 库。这只是在 vuejs cdn 之后包含 vuex cdn 的问题,因为 vuex 旨在检测 Vue 并自动安装。

你可以在这里看到一个展示它的 jsfiddle example

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/2.1.1/vuex.min.js"></script>
</head>
<body>
<div id="app">
<div>{{ $store.state.count }}</div>
<button v-on:click="buttonClick">Click Me</button>
</div>
<script type="text/javascript">
new Vue(
{
'el': '#app',
'store': new Vuex.Store(
{
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
}
),
'methods': {
'buttonClick': function() {
this.$store.commit('increment')
}
}
}
)
</script>
</body>
</html>

关于javascript - Vue.js - 没有 Webpack 的 Vuex?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41781746/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com