Vue.js - 没有Webpack的Vuex？

Question

Vue.js - 没有Webpack的Vuex？

我正在使用ASP.Net网页(vb Razor),并且一直无法使用它来获取Webpack,并且已经在stackoverflow(如何设置ASP.NET Core + Vue.Js？)上的其他地方建议简单地使用vue.没有构建系统的js CDN.

问题是:现在能够使用Vuex进行状态管理现在很棒,但似乎所有示例都使用webpack - 如果没有构建系统或vuex的替代品来创建数据存储区并保持vue的反应性,那么还有吗？

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

Answer 1

Jus*_*hur 15

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

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

<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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	8 年，10 月前
查看次数：	3702 次
最近记录：	8 年，10 月前