2017-01-21 1 views
2

ASP.Net 웹 페이지 (VB 면도기)를 사용하고 있으며 Webpack 설정을 가져 오는 데 문제가있어 stackoverflow (How to setup ASP.NET Core + Vue.Js?)의 다른 곳에서 제안되어 빌드 시스템없이 vue.js CDN을 사용하기 만하면됩니다.Vue.js - 웹 팩이없는 Vuex?

질문 : 현재 상태 관리를 위해 Vuex를 사용할 수 있다는 것이 좋지만 모든 예제에서 webpack을 사용하는 것처럼 보입니다. 빌드 시스템이나 vuex 대신 데이터 스토어 및 mantaining을위한 대안 vue의 반응성?

드문 질문으로 인해 유감스럽게 생각합니다. 대부분의 사람들이 webpack을 사용하고 있습니다.

+0

을 보여주는 jsfiddle을 볼 수 있습니다. 아마 문제는'수출'과'수입'부분에있다. 지금까지 뭐 해봤 어? –

+0

고마워요 해리! 나는 모든 자바 스크립트 라이브러리를 번들로 ASP.Net 자바 스크립트 bundler 사용하고 있지만 asp.net 설정 한 순서를 유지하지 않은 것처럼 보인다 (http://stackoverflow.com/questions/19323409/asp-net- mvc-bundle-config-order)를 사용하십시오. 웹팩이 필요한 것처럼 보였지만 ASP.Net과 뉘앙스가있는 것으로 판명되었습니다. 도움을 주셔서 감사합니다! 매우 감사! 당신은 링크와 같은 기능을 설정하는 방법을 알고 있지만 ASP.Net Razor Web Pages에 대해 VB로 작성 했습니까? – FirstRedPepper

답변

7

패키지 빌더가 없으면 vuejs 및 vuex에 CDN 라이브러리를 사용할 수 있습니다. vuex가 자동으로 설치되고 Vue를 감지하도록 설계된 것처럼 vuejs cdn 뒤에 vuex cdn을 포함시키는 문제입니다.

당신은 * * 웹팩을 사용하지 어떤 문제가 안 여기 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>