V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kxxoling
V2EX  ›  Vue.js

把项目升级到了 Vue.js 2.0 和 Vue-router 2.0 了。

  •  
  •   kxxoling ·
    kxxoling · 2016-10-14 17:05:14 +08:00 · 5622 次点击
    这是一个创建于 2962 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目比较简单,源代码在此: 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

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2701 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 12:40 · PVG 20:40 · LAX 04:40 · JFK 07:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.