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的区别介绍，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍vue学习笔记之v-if和v-show的区别，包括了vue学习笔记之v-if和v-show的区别的使用技巧和注意事项，需要的朋友参考一下 v-if vs v-show v-if 是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 相
-
本文向大家介绍MongoDB学习笔记之GridFS使用介绍，包括了MongoDB学习笔记之GridFS使用介绍的使用技巧和注意事项，需要的朋友参考一下 GridFS简介 GridFS是MongoDB中的一个内置功能，可以用于存放大量小文件。 GridFS使用 MongoDB提供了一个命令行工具mongofiles可以来处理GridFS， 列出所有文件： 上传一个文件： 下载一个文件： 查找文件：
-
本文向大家介绍vue mint-ui学习笔记之picker的使用，包括了vue mint-ui学习笔记之picker的使用的使用技巧和注意事项，需要的朋友参考一下 本文介绍了vue mint-ui picker的使用，分享给大家，也给自己留个学习笔记 Picker的使用 API 示例一：picker的简单使用 xxx.vue： show： picker显示出来了 分析： pincker的显示，会在
-
本文向大家介绍Android学习笔记——Menu介绍(一)，包括了Android学习笔记——Menu介绍(一)的使用技巧和注意事项，需要的朋友参考一下 背景： Android3.0（API level 11）开始，Android设备不再需要专门的菜单键。 随着这种变化，Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能。
-
本文向大家介绍Android学习笔记——Menu介绍(二)，包括了Android学习笔记——Menu介绍(二)的使用技巧和注意事项，需要的朋友参考一下 知识点： 这次将继续上一篇文章没有讲完的Menu的学习，上下文菜单(Context menu)和弹出菜单(Popup menu)。 上下文菜单 上下文菜单提供对UI界面上的特定项或上下文框架的操作，就如同Windows中右键菜单一样。 在Andro
-
本文向大家介绍Lua学习笔记之表和函数，包括了Lua学习笔记之表和函数的使用技巧和注意事项，需要的朋友参考一下 Lua中的表和函数比较重要，正是因为二者的结合才完成了很多很多的功能，Lua才变得如此的强大，所以有必要仔细的学习一下表和函数。如下的代码体现了表的用法。 接下来学习Lua函数的用法，函数涉及的东西比较多，不着急，慢慢来。