概述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 学习笔记一
Apr 07 Javascript
JQUERY获取form表单值的代码
Jul 17 Javascript
JavaScript执行效率与性能提升方案
Dec 21 Javascript
javascript中简单的进制转换代码实例
Oct 26 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 Javascript
使用javascript插入样式
Mar 14 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
深入理解vue.js中$watch的oldvalue与newValue
Aug 07 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
基于Vue实现电商SKU组合算法问题
May 29 Javascript
深入了解query和params的使用区别
Jun 24 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 引用(&amp;)详解
2009/11/20 PHP
PHP中操作ini配置文件的方法
2013/04/25 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
PHP中JSON的应用技巧
2015/10/10 PHP
php+layui数据表格实现数据分页渲染代码
2019/10/26 PHP
JS判断当前日期是否大于某个日期的实现代码
2012/09/02 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
跟我学习javascript的定时器
2015/11/19 Javascript
jQuery中$.grep() 过滤函数 数组过滤
2016/11/22 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
详解nodeJs文件系统(fs)与流(stream)
2018/01/24 NodeJs
Vue.directive()的用法和实例详解
2018/03/04 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
vue中echarts引入中国地图的案例
2020/07/28 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
深入理解Python中变量赋值的问题
2017/01/12 Python
python正则实现计算器功能
2017/12/14 Python
Python将list中的string批量转化成int/float的方法
2018/06/26 Python
如何用Python合并lmdb文件
2018/07/02 Python
Python定时任务sched模块用法示例
2018/07/16 Python
用python打印菱形的实操方法和代码
2019/06/25 Python
如何在Django项目中引入静态文件
2019/07/26 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
聊聊python中的异常嵌套
2020/09/01 Python
调用HTML5的Canvas API绘制图形的快速入门指南
2016/06/17 HTML / CSS
西班牙鞋子和箱包在线销售网站:zapatos.es
2020/02/17 全球购物
What's the difference between Debug and Trace class? (Debug类与Trace类有什么区别)
2013/09/10 面试题
软件测试笔试题
2012/10/25 面试题
出生医学证明样本
2014/01/17 职场文书
新春联欢会主持词
2014/03/24 职场文书
邹越感恩父母演讲稿
2014/08/28 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
2015暑假假期总结
2015/07/13 职场文书
学习十八大的感悟
2015/08/11 职场文书