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
)

这帮助你更加完善的控制那些需要监听的响应式属性。

升级方式

在代码库运行 迁移工具,查找在 store.watch


store.watch with string attribute path 이제 함수만 허용됩니다. 따라서 다음 예에서는
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。在插件中的典型使用方式如下:

rrreee

更多信息请查阅 插件文档 的示例。

升级方式

在代码库运行 迁移工具,查找使用了 store.onstore.offstore.emit 的事例。


中间件 替换


中间件被替换为插件。插件是接收 store 作为仅有参数的基本函数,能够监听 store 中的 mutation 事件:

rrreee

更多详情,请查阅 插件文档

升级方式

在代码库运行 迁移工具,查找使用了 middlewares

스토어 자체에서 트리거된 이벤트를 관찰하는 데 사용되는 이러한 인터페이스(예: store.on('mutation', callback))를 대체하기 위해 새로운 메소드 < 코드>스토어.구독< /code>. 플러그인의 일반적인 사용법은 다음과 같습니다.

rrreee
자세한 내용은 플러그인 문서의 예.

🎜🎜업그레이드 방법 🎜🎜🎜🎜코드베이스에서 마이그레이션 도구를 실행하고 스토어를 찾으세요. on, store.off, store.emit의 예. 🎜🎜🎜🎜🎜

🎜🎜Middleware 🎜Replacement🎜🎜🎜🎜🎜🎜Middleware가 플러그인으로 교체되었습니다. 플러그인은 store를 유일한 매개변수로 전달받아 스토어 내 mutation 이벤트를 모니터링할 수 있는 기본 기능입니다. 🎜rrreee🎜자세한 내용은 플러그인 문서. 🎜
🎜🎜업그레이드 방법 🎜🎜🎜🎜코드 베이스에서 마이그레이션 도구를 실행하고 미들웨어<를 찾으세요. /code> 옵션의 예. 🎜🎜🎜🎜🎜