项目比较简单,源代码在此: https://github.com/kxxoling/kaomoji
使用 vue-migration-helper 作为辅助工具,这个工具并不能自动修改代码,只能提示可能不兼容的地方。另外在我的代码中,一直会对 JSON 数据误报,直接无视掉了~
主要修改的地方:
- 入口文件( main.js ) Vue.js 初始化的时要加上
render: (h) => h(App)方法。 - url 配置。 vue-router 2 的路由定义不一样了,仿照文档修改就好。
- 不支持 v-link ,需要改用
<router-link :to="">。注意这里是:to,而原来 v-link 不需要:。 - ready 事件改为 mounted 。生命周期 hook 变化可以参考这里: http://vuefe.cn/guide/migration.html#生命周期钩子
- 不支持
prop: defaultValue写法了,得改成prop: {type: YourType, default: defaultValue}。 - 不建议修改 props , Vue 2.0 中将修改 props 标记为不规范行为,会产生 warning 。
- $destroy 无法删除子组件,作者表示不建议这样做,应当在父组件中删除。我这里改起来比较麻烦,就手动删除了 DOM ,然后 $destroy 。
项目比较简单,所以并没有使用 vuex ,遇到的主要问题就这些了~
详细代码变更: https://github.com/kxxoling/kaomoji/commit/7603d21f9c9d16e05ef3dd1862b8e16ac0ffeda5
