Vue V2EX 克隆项目升级 Vue.js 1.x to 2.0

rina · October 15, 2016 · Last by rina replied at October 15, 2016 · 7567 hits

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

截图右上角那个 10d 和图标是什么东东?

#1 楼 @greatghoul 图片是引用的官方图片。那个不太清楚。

能评价一下这两个库吗?

4 Floor has deleted

#3 楼 @flowerwrong

v2.0 相比于 v1.x 大概有以下区别:

  1. 支持流式服务端渲染
  2. 初始化渲染速度和内存消耗提升了 2 ~ 4 倍
  3. virtual-DOM 实现

详情:https://github.com/vuejs/vue/issues/2873

#5 楼 @rina 不好意思,没说清楚,react vs vue

You need to Sign in before reply, if you don't have an account, please Sign up first.