繁体   English   中英

Vue.js - 没有Webpack的Vuex?

[英]Vue.js - Vuex without Webpack?

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

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

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

如果没有包构建器,您可以将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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM