Vuex 0.6.x에서 1.0으로 마이그레이션
Vuex 2.0이 출시되었지만 이 가이드에서는 1.0으로의 마이그레이션만 다룹니다. 오타인가요? 또한 Vuex 1.0과 2.0도 동시에 출시되는 것으로 보입니다. 어떻게 되어가나요? 어떤 것을 사용해야 하며 어떤 것이 Vue 2.0과 호환됩니까?
Vuex 1.0 및 2.0은 다음과 같습니다.
둘 다 Vue 1.0 및 2.0을 완벽하게 지원합니다.
가까운 미래에도 계속 지원됩니다
그러나 대상 사용자는 약간 다릅니다.
Vuex 2.0은 근본적으로 재설계되었으며 새로운 프로젝트를 시작하거나 클라이언트 측 상태 관리와 함께 최첨단 기술을 사용하려는 사용자를 돕기 위해 깔끔한 API를 제공합니다. 이 마이그레이션 가이드에서는 Vuex 2.0 관련 콘텐츠를 다루지 않습니다. 자세한 내용을 알아보려면 Vuex 2.0 설명서를 확인하세요.
Vuex 1.0은 주로 이전 버전과 호환되므로 업그레이드에는 약간의 변경만 필요합니다. 기존 코드 기반이 큰 사용자나 최대한 원활하게 Vue 2.0으로 업그레이드하려는 사용자에게 권장됩니다. 이 가이드는 이 프로세스를 용이하게 하기 위해 작성되었지만 마이그레이션 지침만 포함되어 있습니다. 전체 사용 지침은 Vuex 1.0 설명서를 확인하세요.
Directory
<코드> store.watch replacementstore.watch
替换
store.watch
现在只接受函数。因此,下面例子你需要替换:
store.watch('user.notifications', callback)
为:
store.watch( // 当返回结果改变... function (state) { return state.user.notifications }, // 执行回调函数 callback )
这帮助你更加完善的控制那些需要监听的响应式属性。
var myPlugin = store => { store.subscribe(function (mutation, state) { // Do something... }) }🎜를 🎜
const myPlugins = store => { store.subscribe('mutation', (mutation, state) => { // Do something... }) }🎜로 바꿔야 합니다. 이렇게 하면 모니터링해야 하는 반응 속성을 더 완벽하게 제어하는 데 도움이 됩니다. 🎜
에서 찾으세요. store.watch
는 문자열을 첫 번째 매개변수로 사용합니다. 🎜🎜Store 이벤트 트리거Removed
store 인스턴스는 더 이상 이벤트 이미터 인터페이스(on
, off
, emit<)를 노출하지 않습니다. /코드>). 이전에 스토어를 글로벌 이벤트 버스로 사용한 적이 있다면 이 장을 참조하여 마이그레이션하세요. 지침.
on
, off
, emit
)。如果你之前使用 store 作为全局的 event bus,迁移说明相关内容请查阅 此章节。
为了替换正在使用观察 store 自身触发事件的这些接口,(例如:store.on('mutation', callback)
),我们引入新的方法 store.subscribe
。在插件中的典型使用方式如下:
更多信息请查阅 插件文档 的示例。
升级方式
在代码库运行 迁移工具,查找使用了 store.on
,store.off
,store.emit
的事例。
中间件 替换
中间件被替换为插件。插件是接收 store 作为仅有参数的基本函数,能够监听 store 中的 mutation 事件:
rrreee更多详情,请查阅 插件文档。
升级方式
在代码库运行 迁移工具,查找使用了 middlewares
store.on('mutation', callback)
)를 대체하기 위해 새로운 메소드 < 코드>스토어.구독< /code>. 플러그인의 일반적인 사용법은 다음과 같습니다. rrreee
자세한 내용은 플러그인 문서의 예.
스토어를 찾으세요. on
, store.off
, store.emit
의 예. 🎜🎜🎜🎜🎜🎜🎜Middleware 🎜Replacement🎜🎜🎜🎜🎜🎜Middleware가 플러그인으로 교체되었습니다. 플러그인은 store를 유일한 매개변수로 전달받아 스토어 내 mutation 이벤트를 모니터링할 수 있는 기본 기능입니다. 🎜rrreee🎜자세한 내용은 플러그인 문서. 🎜🎜🎜업그레이드 방법 🎜🎜🎜🎜코드 베이스에서 마이그레이션 도구를 실행하고 미들웨어<를 찾으세요. /code> 옵션의 예. 🎜🎜🎜🎜🎜
미들웨어<를 찾으세요. /code> 옵션의 예. 🎜🎜🎜🎜🎜