honeybug

<p>뷰버전을 2버전으로 프로젝트를 다시 생성하였습니다..</p>
<p>vuex 4버전에서는 $state로 전역접근이 안된다는 말이 있었습니다 ㅜㅜ</p>

vue 3버전 관련하여 질문 드립니다.

<p>뷰 3버전일 경우 vuex 4버전으로 사용해야 하는 것 같아서 일단은 위와같이 진행 하였습니다..</p>
<p>뷰 버전을 낮추는 방법이 없을까요 ㅜㅜ</p>

<div style="color: #d6deeb; background-color: #011627; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>
<pre class="language-bash" style="color: #cccccc; background: transparent; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 16px; word-break: normal; overflow-wrap: normal; line-height: 1.4; tab-size: 4; hyphens: none; padding-top: 1.25rem; padding-right: 1.5rem; padding-bottom: 1.25rem; margin-top: 0.85rem; margin-bottom: 0.85rem; overflow: auto; border-radius: 6px; position: relative; z-index: 1;"><code style="font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; color: #ffffff; padding: 0px; margin: 0px; font-size: 0.85em; background-color: transparent; border-radius: 0px;"><span class="token function" style="color: #f08d49;">npm</span> <span class="token function" style="color: #f08d49;">install</span> vuex@next --save</code></pre>
</div>
<div><span style="color: #c792ea; font-style: italic;">import</span>&nbsp;{&nbsp;createApp&nbsp;}&nbsp;<span style="color: #c792ea; font-style: italic;">from</span>&nbsp;<span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">vue</span><span style="color: #d9f5dd;">'</span></div>
<div><span style="color: #c792ea; font-style: italic;">import</span>&nbsp;App&nbsp;<span style="color: #c792ea; font-style: italic;">from</span>&nbsp;<span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">./App.vue</span><span style="color: #d9f5dd;">'</span></div>
<div><span style="color: #637777;">//</span><span style="color: #637777; font-style: italic;">import&nbsp;Vuex&nbsp;from&nbsp;'vuex'</span></div>
<div><span style="color: #c792ea; font-style: italic;">import</span>&nbsp;{&nbsp;createStore&nbsp;}&nbsp;<span style="color: #c792ea; font-style: italic;">from</span>&nbsp;<span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">vuex</span><span style="color: #d9f5dd;">'</span></div>
<br />
<div><span style="color: #c792ea;">const</span><span style="color: #c792ea; font-style: italic;">&nbsp;</span><span style="color: #82aaff; font-style: italic;">vue</span><span style="color: #c792ea; font-style: italic;">&nbsp;</span><span style="color: #c792ea;">=</span><span style="color: #c792ea; font-style: italic;">&nbsp;</span><span style="color: #82aaff; font-style: italic;">createApp</span>(<span style="color: #d7dbe0;">App</span>);</div>
<div><span style="color: #7fdbca; font-style: italic;">vue</span><span style="color: #c792ea; font-style: italic;">.</span><span style="color: #82aaff; font-style: italic;">use</span>(<span style="color: #d7dbe0;">store</span>);</div>
<div><span style="color: #7fdbca; font-style: italic;">vue</span><span style="color: #c792ea; font-style: italic;">.</span><span style="color: #82aaff; font-style: italic;">mount</span>(<span style="color: #d9f5dd;">'</span><span style="color: #ecc48d;">#app</span><span style="color: #d9f5dd;">'</span>);</div>
<br />
<div><span style="color: #c792ea;">const</span><span style="color: #c792ea; font-style: italic;">&nbsp;</span><span style="color: #82aaff; font-style: italic;">store</span><span style="color: #c792ea; font-style: italic;">&nbsp;</span><span style="color: #c792ea;">=</span><span style="color: #c792ea; font-style: italic;">&nbsp;</span><span style="color: #82aaff; font-style: italic;">createStore</span>(<span style="color: #c792ea;">{</span></div>
<div><span style="color: #c792ea; font-style: italic;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #82aaff; font-style: italic;">state</span><span style="color: #d9f5dd;">()</span><span style="color: #c792ea;">{</span></div>
<div><span style="color: #c792ea; font-style: italic;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;</span><span style="color: #c792ea;">{</span></div>
<div><span style="color: #c792ea; font-style: italic;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;count</span><span style="color: #c792ea;">:</span><span style="color: #c792ea; font-style: italic;">&nbsp;</span><span style="color: #f78c6c;">1</span></div>
<div><span style="color: #c792ea; font-style: italic;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #c792ea;">}</span></div>
<div><span style="color: #c792ea; font-style: italic;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #c792ea;">}</span></div>
<div><span style="color: #c792ea;">}</span>);</div>
</div>

honeybug

Posts