vue1.0和vue2.0生命周期----整理一

## 1. 作用域区别
　　1.x 随意的定义作用域
　　2.x 不允许body 或者html 元素

## 2. 生命周期
　　1.x:
　　　　created 实例已经创建
　　　　beforeCompile 在编译之前
　　　　compiled 编译之后
　　　　ready 实例已经插入到文档之中
　　　　beforeDetroy 在销毁之前
　　　　destroyed 销毁之后
　　2.x:
　　　　beforeCreate 刚刚创建这个实例属性还没有绑定 this.msg 获取不到
　　　　created 创建完毕属性已经绑定好了 this.msg可以获取到了
　　　　beforeMount 模版在渲染之前 {{ msg }}
　　　　mounted //ready 渲染之后 hello world
　　　　beforeUpdate //数据更新之前
　　　　updated //数据更新之后
　　　　beforeDestroy 实例化销毁之前
　　　　destroyed 实例化销毁之后

## 3. json
　　　　1.x json 如果想显示那么就得使用过滤器 json
　　　　2.x 不用过滤器了直接可以看

## 4. 过滤器
　　　　2.x取消了所有的默认的过滤器
　　　　封装的方式没有区别
　　　　1.x
　　　　传参 uppercase "1" "2"
　　　　2.x
　　　　uppercase('1','2')

## 5. 循环
　　　　1.x 没有$index $key
　　　　1.x (index,value) in arr
　　　　2.x (value,index) in arr

转载于:https://www.cnblogs.com/chuanzhou/p/9520153.html

vue1.0和vue2.0生命周期----整理一相关推荐

php 追查框架生命周期,thinkPHP5.0框架应用请求生命周期分析
本文实例讲述了thinkPHP5.0框架应用请求生命周期.分享给大家供大家参考,具体如下: 本篇内容我们对ThinkPHP5.0的应用请求的生命周期做大致的介绍,以便于开发者了解整个执行流程. 1.入 ...
论vue3.0和vue2.0区别之编程方式及例子详解
系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现 vue-cli2和vue-cli3同时并存及常见命令第三章 vue3.0项目实战 - Ele ...
Ext js 2.0 Overview(3) 组件生命周期
Component Life Cycle(组件生命周期) In general, the Component architecture in 2.0 will "just work.&quo ...
vue3.0和vue2.0的比较
前言: 对vue3.0进行一次整理目录: 一.vue3.0的亮点 1.性能比vue2.x快1.2~2倍 2.支持按需编译,按需导入,体积比vue2.x更小 3.支持组合API,类似React Hoo ...
vue生命周期整理学习
生命周期图如下: 生命周期过程: 生命周期过程中,首先创建vue实例,然后初始化事件并监测数据.在created阶段之前就完成了数据的监测(这个阶段data和data的属性已存在,但是el未初始化) ...
vue2.x生命周期以及keep-alive
1. vue2.x有哪些生命周期系统自带: beforeCreate created beforeMount mounted beforeUpdate updated beforeDestory d ...
react生命周期整理
react生命周期 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gHhFLoVI-1647932009614)(/Users/sans/Desktop/生命周期.pn ...
KSO - Vue2的生命周期的个人理解
观察代码data:(){ return { name:"", age:"", city:""} }, created :(){ this.n ...
vue 日期前面加0_vue日期组件支持vue1.0和2.0
vue-datetime 使用vue编写的时间组件,小巧实用,支持vue1.0,vue2.0 v1.0 功能: 1.支持同时展开多个日期选择框 2.支持单击选中和取消,可配置单选和多选 3.支持双击启 ...

vue1.0和vue2.0生命周期----整理一

vue1.0和vue2.0生命周期----整理一相关推荐

最新文章

热门文章