JobPlus知识库 互联网 平台开发 文章
Vue.js 2.0 快速上手 - 基础篇

Vue 1.x TO 2.0

通过使用 vue-migration-helper 可以快速扫出需要替换的代码。

主要有以下几类:

  • 官方依赖,比如 vue-resource、vue-router(这个升级完接口也改了不少,迁移向导)、vue-loader、vue-hot-reload-api、vue-invalidate(还在升级中)等。
  • 第三方库。
  • UI组件库,比如 vux(目前计划是11月发布适配 2.0 的版本)、饿了么前端提供的那些(并没有给出更新计划)。
  • 组件间通讯,不能再使用 dispatch,而需要使用全局 eventbus 或者 vuex。
  • 各种 API 废弃,见 issue 2873,像是 attached、activated 这些生命周期 API 都被干掉了。

具体一点的话,像是

index

$index 现在必须使用 index 了(在 v-for 中显示声明)

filters

不能像以前那样到处用了,只在{{}}中生效,转而用计算属性或者方法吧。

transition

transition 属性被废弃了。可以看看新的 Transitions 文档

vue router

加了全局和离开当前页面的钩子,router-link,router data,等等。

等等等等,要升级还是挺痛苦的。啊,对了 vuex 也升级到 2.0 了。更像 redux 了。心情很复杂

尾声

差不多也就是这样了。如果你是一个有一定经验并懂得基本 HTML 和 CSS 的高级工程师,我相信几天你就能看完并上手它了,毕竟对比 React 那一整套东西,还是相对简单的。


如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

¥ 打赏支持
159人赞 举报
分享到
用户评价(0)

暂无评价,你也可以发布评价哦:)

扫码APP

扫描使用APP

扫码使用

扫描使用小程序