概述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 相关文章推荐
浅析用prototype定义自己的方法
Nov 14 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
Nov 19 Javascript
JS实现图片无间断滚动代码汇总
Jul 30 Javascript
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 Javascript
JavaScript常用本地对象小结
Mar 28 Javascript
基于jQuery实现点击列表加载更多效果
May 31 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
浅谈一个webpack构建速度优化误区
Jun 24 Javascript
JS加载解析Markdown文档过程详解
May 19 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 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
中国收音机工业发展史
2021/03/02 无线电
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
PHP通过插入mysql数据来实现多机互锁实例
2014/11/05 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
Aster vs KG BO3 第一场2.18
2021/03/10 DOTA
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
js 上传图片预览问题
2010/12/06 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
解析javascript瀑布流原理实现图片滚动加载
2016/03/10 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
Angularjs中使用layDate日期控件示例
2017/01/11 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
vscode下vue项目中eslint的使用方法
2019/01/13 Javascript
JavaScript数据结构之栈实例用法
2019/01/18 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
2019/02/18 jQuery
vue 开发之路由配置方法详解
2019/12/02 Javascript
用Python编写一个简单的俄罗斯方块游戏的教程
2015/04/03 Python
对Python中的@classmethod用法详解
2018/04/21 Python
使用Python进行目录的对比方法
2018/11/01 Python
python抓取搜狗微信公众号文章
2019/04/01 Python
Python爬虫使用浏览器cookies:browsercookie过程解析
2019/10/22 Python
在Django下创建项目以及设置settings.py教程
2019/12/03 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
可视化pytorch 模型中不同BN层的running mean曲线实例
2020/06/24 Python
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
办公室保洁员岗位职责
2013/12/02 职场文书
洗发露广告词
2014/03/14 职场文书
项目经理任命书范本
2014/06/05 职场文书
校园安全主题班会
2015/08/12 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
Vue实现动态查询规则生成组件
2021/05/27 Vue.js
elementui的el-popover修改样式不生效的解决
2021/06/30 Javascript
Java Spring读取和存储详细操作
2022/08/05 Java/Android