V2EX克隆项目升级Vue.js 1.x to 2.0
发布于 8 年前 作者 liuzhenangel 4198 次浏览 来自 分享

Demo: http://v2ex.liuzhen.me/

项目地址: https://github.com/liuzhenangel/v2ex_frontend

项目升级更新详情: https://github.com/liuzhenangel/v2ex_frontend/commit/8bc0a8d87728e9e08f9207ebe0ff6e806cc704f2

升级步骤:

第一步, 安装 vue-migration-helper CLI 工具,以帮助从Vue 1.x迁移到2.0。 它扫描文件以获取Vue特定的代码,并在找到过时的模式时提供详细的警告。

# install
npm install --global git://github.com/vuejs/vue-migration-helper.git

# navigate to a Vue 1.x project directory
cd path/to/my-vue-project

# scan all files in the current directory
vue-migration-helper
# scan all files in specific sub-directories
vue-migration-helper src folder-a folder-b

第二步, 根据提示信息修改文件中对应的地方.

Screenshot

另: v2ex_frontend 项目 1.0 引用了 vue-paginate, 这个package不支持 Vue.js 2.0, 目前已经删除使用.

2.0 相关文档

vue.js 2.0 中文文档: http://vuefe.cn/guide/

vue.js 2.0 英文文档: http://rc.vuejs.org/guide/installation.html

vue-router 2.0 文档: http://router.vuejs.org

2 回复

可以把升级遇到的坑分享出来。<br/><br/><a class=“form” href=“https://github.com/shinygang/Vue-cnodejs”>I‘m webapp-cnodejs-vue</a>

@shinygang 基本上根据 vue-migration-helper 提示的更新, 别外一个注意的是 router.start 需要根据 vue-router 2.0 更新. vue-paginate 还不支持vue.js 2.0.

回到顶部