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

今天我们来说一说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的区别介绍，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# vue1.0和vue2.0的区别  # vue  # 1.0  # 2.0  # 区别  # vue日期组件 支持vue1.0和2.0  # Vue2.0 UI框架ElementUI使用方法详解  # Vue2.0使用过程常见的一些问题总结学习  # 详解用webpack2.0构建vue2.0超详细精简版  # vue2.0获取自定义属性的值  # 我是  # 小编  # 加粗  # 在此  # 给大家  # 一说  # 所述  # 绑定  # 给我留言  # 感谢大家  # 则更  # 学习笔记  # 疑问请  # 有任何  # 有哪些  # 在每个  # 但是有  # style  # id  # span 

相关文章： 如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  建站主机是什么？如何选择适合的建站主机？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  建站之星如何开启自定义404页面避免用户流失？  如何快速搭建高效可靠的建站解决方案？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  电脑免费海报制作网站推荐,招聘海报哪个网站多？  建站之星如何快速更换网站模板？  如何通过虚拟机搭建网站？详细步骤解析  广东企业建站网站优化与SEO营销核心策略指南  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  制作公司内部网站有哪些,内网如何建网站？  官网建站费用明细查询_企业建站套餐价格及收费标准指南  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  建站之星2.7模板：企业网站建设与h5定制设计专题  宝塔面板如何快速创建新站点？  香港服务器建站指南：免备案优势与SEO优化技巧全解析  如何通过宝塔面板实现本地网站访问？  建站之星与建站宝盒如何选择最佳方案？  建站之星展会模版如何一键下载生成？  如何快速打造个性化非模板自助建站？  南平网站制作公司,2025年南平市事业单位报名时间？  python的本地网站制作,如何创建本地站点？  微课制作网站有哪些,微课网怎么进？  重庆市网站制作公司,重庆招聘网站哪个好？  如何选购建站域名与空间？自助平台全解析  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  常州自助建站工具推荐：低成本搭建与模板选择技巧  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  制作网站外包平台,自动化接单网站有哪些？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  非常酷的网站设计制作软件,酷培ai教育官方网站？  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  网站制作免费,什么网站能看正片电影？  C++时间戳转换成日期时间的步骤和示例代码  ,有什么在线背英语单词效率比较高的网站？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  宝塔面板创建网站无法访问？如何快速排查修复？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  重庆网站制作公司哪家好,重庆中考招生办官方网站？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何用美橙互联一键搭建多站合一网站？  定制建站如何定义？其核心优势是什么？