概述VUE2.0不可忽视的很多变化


Posted in Javascript onSeptember 25, 2016

今天使用webpack-sample初始一个vue-cli项目,在app.vue文件中添加了个钩子函数ready,可是ready内的事件一直不执行,检查了webpack文件和package.json也没发现什么问题,浏览器也没报错或者提示,很令人捉急。然后去github看了webpack-simple源码,才发现原来vue init webpack-simple默认安装的vue是2.0版本。马上推测到是不是因为vue2.0废弃了ready的用法,果然不出所料,我真是太机智了。看了下vue2.0的英文的英文文档,发现相对于vue1.0有很多变化,而且变化不是一般的大。。。。如果一旦项目要升级到vue2.0,那么很多页面要整改,很多组件都不能用了,所以目前的项目打死不能升级。可以通过vue init webpack-simple#1.0安装基于vue1.0版本的vue-cli。

下边来分析下vue2.0几个重要的与自己目前项目相关的变化,纯粹是个人理解,权当了解,详细英文文档在此https://github.com/vuejs/vue/issues/2873

1.目前的项目几乎每个页面都用到了1.0的ready钩子函数,然而2.0已废弃不用,进而使用mounted替换,同时还新增了beforeMount、beforMount、beforeUpdate、updated等,私以为越来越向react看齐了有木有。。

2.同时废弃的还有events、$dispatch、$broadcast,官方推荐使用vuex或者全局的event bus(event bus是什么,新手一枚,不是很明白),然而废弃的这些方法在vux UI框架中很多地方都有使用,无疑在项目中用到它的地方在2.0版本都会不起作用,甚至会报错。

3.v-ref、v-el 弃用 统一使用ref属性为元素或组件添加标记,然后通过this.$refs获取

例如<p ref="a"></p> 获取方法为this.$refs.a 对于自定义组件同样适用

4.$els 是用来获取元素DOM对象,这个也废弃不用,$refs可以起到替代性作用。

5.v-for循环中常用的$index、$key也已不支持使用

6.自定义组件中的partial,弃用,这个一直没用到

7.新增 v-once指令

8.新增 propsData

9.新增 render

以上所述是小编给大家介绍的VUE2.0不可忽视的很多变化 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery异步提交表单代码分享
Mar 26 Javascript
node.js实现爬虫教程
Aug 25 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
VUE 全局变量的几种实现方式
Aug 22 Javascript
浅谈React Event实现原理
Sep 20 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
Element Alert警告的具体使用方法
Jul 27 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 #Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 #Javascript
原生JS实现网络彩票投注效果
Sep 25 #Javascript
JavaScript实现url参数转成json形式
Sep 25 #Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 #Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 #Javascript
需要牢记的JavaScript基础知识
Sep 25 #Javascript
You might like
php intval的测试代码发现问题
2008/07/27 PHP
PHP生成HTML静态页面实例代码
2008/08/31 PHP
PHP读取文件并可支持远程文件的代码分享
2012/10/03 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
php进程daemon化的正确实现方法
2018/09/06 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
第八篇Bootstrap下拉菜单实例代码
2016/06/21 Javascript
基于d3.js实现实时刷新的折线图
2016/08/03 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
基于bootstrop常用类总结(推荐)
2017/09/11 Javascript
vue项目实战总结篇
2018/02/11 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
JavaScript数组排序小程序实现解析
2020/01/13 Javascript
[02:43]2014DOTA2国际邀请赛 官方Alliance战队纪录片
2014/07/14 DOTA
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
浅谈Python中re.match()和re.search()的使用及区别
2020/04/14 Python
Prometheus开发中间件Exporter过程详解
2020/11/30 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
爱尔兰旅游网站:ebookers.ie
2020/01/24 全球购物
阿玛尼美妆俄罗斯官网:Giorgio Armani Beauty RU
2020/07/19 全球购物
校企合作协议书
2014/04/16 职场文书
班组建设经验交流材料
2014/05/12 职场文书
领导参观欢迎词
2015/01/26 职场文书
小学教师自我评价
2015/03/04 职场文书
投资合作意向书范本
2015/05/08 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
python 常用的异步框架汇总整理
2021/06/18 Python