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

标签 javascript vuejs2 vuex

我正在使用 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/

相关文章:

javascript - 如何在mapbox gl中向圆形类型添加框阴影?

javascript - Vuejs 将隐藏输入的值设置为路由参数

javascript - Vue.js 修改计算属性?

vue.js - 在 vuejs 中使用 vuex (dispatch) 出现错误 422

javascript - 在javascript中使用this获取未定义的设置对象的属性值

javascript - 如何在设置最大高度时使图像在水平方向上响应

javascript - 如何在 Chrome 浏览器中禁用 Web 应用程序

css - Vue.js 动态 &lt;style&gt; 带变量

php - 如何通过 Axios 将文件发送到 Laravel

javascript - 如何使用突变对 Vuex 状态中的数据进行排序