Vue.js - 没有 Webpack 的 Vuex？

Question

我正在使用 ASP.Net 网页 (vb Razor)，并且在使用它设置 Webpack 时遇到了问题，有人建议在 Whosebug () 上的其他地方简单地使用没有构建系统的 vue.js CDN。

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

谢谢，对于这个不常见的问题感到抱歉 - 我知道大多数人都使用 webpack！

Answer 1

没有包生成器，您可以使用 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>

Vue.js - 没有 Webpack 的 Vuex？

Vue.js - Vuex without Webpack?

javascript

vuejs2

vuex