vue学习笔记之vue1.0和vue2.0的区别介绍


Posted in Javascript onMay 17, 2017

今天我们来说一说vue1.0和vue2.0的主要变化有哪些

一.在每个组件模板,不在支持片段代码

VUE1.0是: 

<template>
  <h3>我是组件</h3><strong>我是加粗标签</strong>
</template>

VUE2.0:必须有根元素,包裹住所有的代码

<template id="aaa">
  <div>
    <h3>我是组件</h3>
      <strong>我是加粗标签</strong>
   </div>
</template>

二.关于组件定义

VUE1.0定义组件的方式有:

Vue.extend            这种方式,在2.0里面有,但是有一些改动

Vue.component(组件名称,{  在2.0继续能用
  data(){}
  methods:{}
  template:
});

VUE2.0定义组件的方式则更为简单

var Home={
    template:''    ->  相当于Vue.extend()
};

三.生命周期的变化

vue1.0的生命周期为

init           ->初始化
created         ->创建
beforeCompile      ->编译之前
compiled         ->编译完成
ready    √      -> mounted
beforeDestroy      ->销毁之前
destroyed        ->已经销毁

vue2.0的生命周期为(标*的为经常用的)

beforeCreate  组件实例刚刚被创建,属性都没有
created     实例已经创建完成,属性已经绑定
beforeMount   模板编译之前
mounted     模板编译之后,代替之前ready *
beforeUpdate  组件更新之前
updated     组件更新完毕  *
beforeDestroy  组件销毁前
destroyed    组件销毁后

以上所述是小编给大家介绍的vue学习笔记之vue1.0和vue2.0的区别介绍,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js post方式传递提交的实现代码
May 31 Javascript
js保存当前路径(cookies记录)
Dec 14 Javascript
用Juery网页选项卡实现代码
Jun 13 Javascript
使用非html5实现js板连连看游戏示例代码
Sep 22 Javascript
JQuery性能优化的几点建议
May 14 Javascript
jQuery实现菜单式图片滑动切换
Mar 14 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 Javascript
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
zTree节点文字过多的处理方法
Nov 24 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
Apr 25 Javascript
Angular.JS中的this指向详解
May 17 #Javascript
websocket+node.js实现实时聊天系统问题咨询
May 17 #Javascript
JavaScript简单拖拽效果(1)
May 17 #Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 #Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
May 17 #Javascript
Vue.js鼠标悬浮更换图片功能
May 17 #Javascript
12个非常有用的JavaScript技巧
May 17 #Javascript
You might like
PHP校验ISBN码的函数代码
2011/01/17 PHP
php常用Stream函数集介绍
2013/06/24 PHP
又一个PHP实现的冒泡排序算法分享
2014/08/21 PHP
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
IE事件对象(The Internet Explorer Event Object)
2012/06/27 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
2013/11/05 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
2015/07/27 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
2017/02/10 Javascript
Angualrjs和bootstrap相结合实现数据表格table
2017/03/30 Javascript
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
移动前端图片压缩上传的实例
2017/12/06 Javascript
vue+iview+less 实现换肤功能
2018/08/17 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
2018/08/27 Javascript
jQuery使用each遍历循环的方法
2018/09/19 jQuery
详解Axios统一错误处理与后置
2018/09/26 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
vue 动态组件用法示例小结
2020/03/06 Javascript
[00:36]DOTA2上海特级锦标赛 Alliance战队宣传片
2016/03/04 DOTA
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
Python合并多个Excel数据的方法
2018/07/16 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python GUI库图形界面开发之PyQt5不规则窗口实现与显示GIF动画的详细方法与实例
2020/03/09 Python
销售员岗位职责
2014/06/09 职场文书
中秋手机店促销方案
2014/06/16 职场文书
关键在于落实心得体会
2014/09/03 职场文书
招商引资工作汇报
2014/10/28 职场文书
个人典型事迹材料
2014/12/30 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
MySQL中LAG()函数和LEAD()函数的使用
2022/08/14 MySQL