概述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 相关文章推荐
JS根据变量保存方法名并执行方法示例
Apr 04 Javascript
JavaScript多线程详解
Aug 12 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
javascript实现消灭星星小游戏简单版
Nov 15 Javascript
jquery UI Datepicker时间控件冲突问题解决
Dec 16 Javascript
详解EasyUi控件中的Datagrid
Aug 23 Javascript
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 Javascript
详解服务端预渲染之Nuxt(介绍篇)
Apr 07 Javascript
Vue使用Proxy监听所有接口状态的方法实现
Jun 07 Javascript
深度了解vue.js中hooks的相关知识
Jun 14 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 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读取mysql中文数据出现乱码的解决方法
2013/08/16 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
javascript打印html内容功能的方法示例
2013/11/28 Javascript
让html页面不缓存js的实现方法
2014/10/31 Javascript
js实现鼠标触发图片抖动效果的方法
2015/02/27 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
2017/01/20 Javascript
js 判断登录界面的账号密码是否为空
2017/02/08 Javascript
nodejs socket服务端和客户端简单通信功能
2017/09/14 NodeJs
js前端导出Excel的方法
2017/11/01 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
nodeJS进程管理器pm2的使用
2019/01/09 NodeJs
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
python备份文件的脚本
2008/08/11 Python
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
Python使用MD5加密字符串示例
2014/08/22 Python
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
Python手机号码归属地查询代码
2016/05/04 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
Python数据操作方法封装类实例
2017/06/23 Python
python调试神器PySnooper的使用
2019/07/03 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
DataFrame.groupby()所见的各种用法详解
2020/06/14 Python
考试作弊检讨书大全
2014/02/18 职场文书
电子商务专业学生职业生涯规划
2014/03/07 职场文书
机械加工与数控专业自荐书
2014/06/04 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
领导个人查摆剖析材料
2014/10/29 职场文书
Python WSGI 规范简介
2021/04/11 Python
Django 实现jwt认证的示例
2021/04/30 Python
MySQL删除和插入数据很慢的问题解决
2021/06/03 MySQL
海弦WR-800F
2022/04/05 无线电