반응형
Vue.js - 웹 팩이 없는 Vuex?
ASP를 사용하고 있다.웹 페이지(vb Razor)를 사용하여 웹 팩 설정을 얻는 데 문제가 있으며 스택오버플로우(ASP 설정 방법)에 대해 다른 곳에서 제안되어 왔다.NET Core + Vue.Js?) 빌드 시스템 없이 vue.js CDN을 간단히 사용하기 위해.
질문: 이제 Vuex를 상태 관리에 사용할 수 있으면 좋겠지만 모든 예는 웹 팩을 사용하는 것처럼 보인다. 데이터 저장소를 생성하고 Vue의 반응성을 유지하기 위한 Vuex의 대체 시스템이나 빌드 시스템이 없는 경우?
고마워, 그리고 흔치 않은 질문으로 미안해 - 나는 대부분의 사람들이 웹 팩을 사용한다는 것을 알아!
패키지 작성기 없이 vuejs 및 vuex에 CDN 라이브러리를 사용할 수 있다.단순히 vuex가 Vue를 감지하고 자동 설치되도록 설계되었기 때문에 vuejs cdn 다음에 vuex cdn을 포함시키는 것이다.
당신은 여기에서 그것을 보여주는 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>
참조URL: https://stackoverflow.com/questions/41781746/vue-js-vuex-without-webpack
반응형
'IT이야기' 카테고리의 다른 글
| :change와 v-on:vuejs의 차이점은? (0) | 2022.05.21 |
|---|---|
| 입력 텍스트 Vue.js 2를 기준으로 목록 필터링 (0) | 2022.05.21 |
| Nuxt 2.14.0에서는 어떤 버전의 Vue를 실행 중인가? (0) | 2022.05.21 |
| (void) 0이 C와 C++에서 작동하지 않는 이유는? (0) | 2022.05.21 |
| Vue에서 이벤트 버스 및 Vuex 사용 (0) | 2022.05.21 |