小程序商城怎么请求_vue学习笔记之vue1.0和vue2.0的

2021-01-12 11:12

vue学习笔记之vue1.0和vue2.0的区别介绍       今天我们来说一说vue1.0和vue2.0的主要变化有哪些?对vue相关知识感兴趣的朋友一起学习吧

今天我们来说一说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里面有,但是有一些改动

ponent(组件名称,{ 在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的区别介绍,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!




扫描二维码分享到微信

在线咨询
联系电话

020-66889888