Javascript Vue.js-Vuex没有网页包？_Javascript_Vuejs2_Vuex

Javascript Vue.js-Vuex没有网页包？

javascript vuejs2

Javascript Vue.js-Vuex没有网页包？,javascript,vuejs2,vuex,Javascript,Vuejs2,Vuex,我使用的是ASP.Net网页（vb Razor），在设置网页包时遇到了问题，在stackoverflow（）上的其他地方建议我只使用vue.js CDN而不使用构建系统问题是：现在能够使用Vuex进行状态管理将非常好，但似乎所有的示例都使用了webpack-在没有构建系统或Vuex替代品来创建数据存储和维护vue的反应性的情况下，是否存在这种情况谢谢，对于这个不寻常的问题，我很抱歉——我知道大多数人都使用webpack 如果没有包生成器，您可以使用vuejs和vuex的CDN库。只需在vue

我使用的是ASP.Net网页（vb Razor），在设置网页包时遇到了问题，在stackoverflow（）上的其他地方建议我只使用vue.js CDN而不使用构建系统

问题是：现在能够使用Vuex进行状态管理将非常好，但似乎所有的示例都使用了webpack-在没有构建系统或Vuex替代品来创建数据存储和维护vue的反应性的情况下，是否存在这种情况

谢谢，对于这个不寻常的问题，我很抱歉——我知道大多数人都使用webpack

如果没有包生成器，您可以使用vuejs和vuex的CDN库。只需在vuejs cdn之后添加vuex cdn，因为vuex设计用于检测Vue并自动安装

您可以在这里看到一个JSFIDLE来展示它


{{$store.state.count}
点击我
新Vue(
{
“el”：“应用程序”，
“存储”：新的Vuex.store(
{
声明：{
计数：0
},
突变：{
增量（状态）{
州计数++
}
}
}
),
“方法”：{
“buttonClick”：函数（）{
此.$store.commit（'increment'）
}
}
}
)

不使用webpack应该不会有任何问题。问题可能出在

导出

和

导入

部件上。到目前为止你都试了些什么？谢谢Harry！我一直在使用ASP.Net javascript bundler捆绑所有javascript库，但问题似乎是ASP.Net没有保持您设置的顺序（）。看起来似乎需要webpack，但实际上它与ASP.Net之间存在细微差别。谢谢你的帮助！非常感谢！你知道如何为ASP.Net Razor网页设置一个类似于链接但用VB编写的函数吗？如果我希望存储在一个单独的文件中，如何实现这一点？@naoru只需将它放在.js文件中，类似于

const vuex_store=new vuex.store（…）

然后在主脚本标记中有

'store'：vuex\u store

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