Vue2.0与1.0的区别

    xiaoxiao2021-03-25  138

    升级的区别

    与angular的断层式升级不同,vue延续了自己的风格。在命名方式和API上有一些区别,掌握它们是你升级整个项目的关键。以下内容都是来源于个人项目的一些经验之谈,并非系统性的阐述。如果需要系统的说明,参考官网。

    从 Vue 1.x 迁移从 Vue Router 0.7.x 迁移从 Vuex 0.6.x 迁移到 1.0

    命名方式的不同

    参考聊聊 Vue 组件命名那些事,Vue的关键字有所变化。一方面,你要注意大小写。另一方面,你要控件命名的过程中避免关键字,参考[Vue warn]: Do not use built-in or reserved HTML elements as component id: text,在1.0中并不会出现这样子的问题。

    API的变化

    [译] Vue 2.0 的变化(一)之基本 API 变化[译] Vue 2.0 的变化(二)之其他重大更改 详情参考英文原文vue 2.0 Changes。

    render格式的必需性

    在2.0中,每个vue文件当中必须要有一个template。而1.0可以不需要。

    Vue2.0构建工具

    以下两个项目都支持Vue1.0和2.0。

    vue cli

    官方尤大出品,使用vue cli创建项目,有五种模板满足你的需求,分别是:

    webpack 运用webpack打包 + 测试webpack-simple 运用webpack打包browserify 运用browserify打包 +测试browserify-simple 运用browserify打包simple - 最简单的html文件
    使用方法

    其中初始化init的过程中,webpack-simple是指webpack的简易模板,可以被替换。

    npm i vue-cli -g vue init webpack-simple projectname

    Cooking

    饿了么出品,提供两种模板,文档:

    simple 单页面Vue项目multiple-pages-vue 多页面Vue项目
    使用方法

    其中创建create的过程中,vue指的是单页面的vue模板,可以被替换。

    npm i cooking-cli -g cooking create my-project vue cd my-project && cooking watch cooking build

    Vue2.0样例

    github源码在此,记得点星: https://github.com/brandonxiang/vue-leaflet-sync

    该项目由vue 2.0开发

    转载,请表明出处。总目录前端经验收集器

    转载自:http://www.jianshu.com/p/3b9ec883a915

    升级的区别

    与angular的断层式升级不同,vue延续了自己的风格。在命名方式和API上有一些区别,掌握它们是你升级整个项目的关键。以下内容都是来源于个人项目的一些经验之谈,并非系统性的阐述。如果需要系统的说明,参考官网。

    从 Vue 1.x 迁移从 Vue Router 0.7.x 迁移从 Vuex 0.6.x 迁移到 1.0

    命名方式的不同

    参考聊聊 Vue 组件命名那些事,Vue的关键字有所变化。一方面,你要注意大小写。另一方面,你要控件命名的过程中避免关键字,参考[Vue warn]: Do not use built-in or reserved HTML elements as component id: text,在1.0中并不会出现这样子的问题。

    API的变化

    [译] Vue 2.0 的变化(一)之基本 API 变化[译] Vue 2.0 的变化(二)之其他重大更改 详情参考英文原文vue 2.0 Changes。

    render格式的必需性

    在2.0中,每个vue文件当中必须要有一个template。而1.0可以不需要。

    Vue2.0构建工具

    以下两个项目都支持Vue1.0和2.0。

    vue cli

    官方尤大出品,使用vue cli创建项目,有五种模板满足你的需求,分别是:

    webpack 运用webpack打包 + 测试webpack-simple 运用webpack打包browserify 运用browserify打包 +测试browserify-simple 运用browserify打包simple - 最简单的html文件
    使用方法

    其中初始化init的过程中,webpack-simple是指webpack的简易模板,可以被替换。

    npm i vue-cli -g vue init webpack-simple projectname

    Cooking

    饿了么出品,提供两种模板,文档:

    simple 单页面Vue项目multiple-pages-vue 多页面Vue项目
    使用方法

    其中创建create的过程中,vue指的是单页面的vue模板,可以被替换。

    npm i cooking-cli -g cooking create my-project vue cd my-project && cooking watch cooking build

    Vue2.0样例

    github源码在此,记得点星: https://github.com/brandonxiang/vue-leaflet-sync

    该项目由vue 2.0开发

    转载,请表明出处。总目录前端经验收集器

    转载自:http://www.jianshu.com/p/3b9ec883a915

    转载请注明原文地址: https://ju.6miu.com/read-19264.html

    最新回复(0)