vue.js是一个构建数据驱动的 web 界面的渐进式框架。vue.js 的目标是通过尽可能简单的 api 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。那么它的1.0和2.0有什么区别呢？让我们来看一下。
一、生命周期
1、1.0的生命周期:
周期 解释init组件刚刚被创建，但Data、method等属性还没被计算出来created组件创建已经完成，但DOM还没被生成出来beforeCompile模板编译之前compiled模板编译之后ready组件准备（平时用得较多）attached在 vm.$el 插入到DOM时调用detached在 vm.$el 从 DOM 中删除时调用beforeDestory组件销毁之前destoryed组件销毁之后
2、2.0的生命周期
立即学习“前端免费学习笔记（深入）”；
周期 解释beforeCreate组件刚刚被创建，但Data、method等属性还没被计算出来created组件创建已经完成，但DOM还没被生成出来beforeMount模板编译之前mounted模板编译之后,组件准备beforeUpdate组件更新之前（数据等变动的时候）updated组件更新之后（数据等变动的时候）activatedfor keep-alive,组件被激活时调用deactivatedfor keep-alive,组件被移除时调用beforeDestory组件销毁之前destoryed组件销毁之后
2.0生命生命周期变化感觉变得更加语义化一点（有规律可寻，更好记了），而且增加了beforeUpdate、updated、activated、deactivated，删除了attached、detached。
二：过滤器
2.0将1.0所有自带的过滤器都删除了，也就是说，在2.0中，要使用过滤器，则需要我们自己编写，以下是一个自定义过滤器示例,
Vue.filter('toDou',function(n,a,b){ return n<10?n+a+b:''+n;});
登录后复制
三：循环
关于整数循环，1.0的整数循环是从0开始的，2.0的整数循环是从1开始的，下面对比：
//HTML代码
登录后复制
四、片段代码
编写template的时候，2.0必须要用一个根元素（如div）将代码片段包裹起来，否则报错。
之前: 在1.0使用时完全没问题我是组件
我是加粗标签 现在: 必须有根元素，包裹住所有的代码我是组件
我是加粗标签
登录后复制
以上只是列举了部分变化，总体来说vue升级到2.0的变化还是没辣么大的，还有一些新变化等爬完坑再来补充
( • ̀ω•́ )✧
以上就是vue1.0与2.0有什么区别的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2730538.html
