Vue 笔记三:Vue2.0与1.0的区别

升级的区别

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

命名方式的不同

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

API的变化

render格式的必需性

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

Vue2.0构建工具

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

vue cli

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

使用方法

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

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

Cooking

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

使用方法

其中创建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/3b9e…

个人建了前端学习群,旨在一起学习前端。纯净、纯粹技术讨论,非前端人员勿扰!入群加我微信:iamaixiaoxiao。

《Vue 笔记三:Vue2.0与1.0的区别》

    原文作者:wuli笑笑
    原文地址: https://segmentfault.com/a/1190000008644888
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞