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,在1.0中并不会出现这样子的问题。
API的变化
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开发
转载,请表明出处。总目录前端经验收集器