首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >没有Webpack的Vue.js - Vuex?

没有Webpack的Vue.js - Vuex?
EN

Stack Overflow用户
提问于 2017-01-22 00:31:19
回答 1查看 6.3K关注 0票数 11

我正在使用ASP.Net网页(vb Razor),在安装Webpack时遇到了问题,在stackoverflow (How to setup ASP.NET Core + Vue.Js?)的其他地方有人建议我在没有构建系统的情况下简单地使用vue.js CDN。

问题是:现在能够使用Vuex进行状态管理是很棒的,但似乎所有的示例都使用了webpack -没有构建系统或vuex的替代方案来创建数据存储和管理vue的反应性?

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-24 06:10:14

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

您可以在这里看到一个展示它的jsfiddle example

代码语言:javascript
复制
<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>
票数 26
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41781746

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档