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

时间: 2024-10-18 21:31:24

vue1.0和vue2.0生命周期----整理一的相关文章

07、NetCore2.0插件框架之生命周期

07.NetCore2.0插件框架之生命周期 NetCore2.0插件框架是如何管理插件的生命周期的?生命周期有哪几类,又是在哪些场景下应用的呢? 一.生命周期的分类 我们可以查看系统DI(依赖倒置)的开源代码: namespace Microsoft.Extensions.DependencyInjection { public enum ServiceLifetime { Singleton, Scoped, Transient } } 从源码可以看出,DI框架支持三种生命周期管理模式 Si

vue2.0学习笔记之生命周期

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

vue1.0 与 Vue2.0的一些区别 及用法

1.Vue2.0的模板标记外必须使用元素包起来: eg:Vue1.0的写法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/vue1.js" type="text/javascript" charset="utf-8">

Tomcat7.0源码分析——生命周期管理

前言 从server.xml文件解析出来的各个对象都是容器,比如:Server.Service.Connector等.这些容器都具有新建.初始化完成.启动.停止.失败.销毁等状态.tomcat的实现提供了对这些容器的生命周期管理,本文将通过对Tomcat7.0的源码阅读,深入剖析这一过程. Tomcat生命周期类接口设计 我们先阅读图1,从中了解Tomcat涉及生命周期管理的主要类. 图1 Tomcat生命周期类接口设计 这里对图1中涉及的主要类作个简单介绍: Lifecycle:定义了容器生命

vue1.0+vue2.0实现选项卡

通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加active类,用vue实现也是同样的原理,都是操作active类. 我们都知道用vue给一个dom节点添加一个类的方法,要实现选项卡就的操作active类. 我们可以传给 v-bind:class 一个对象,以动态地切换 class . <div v-bind:class="{ active: isActive }"></div> 上面的语法表示 c

用webpack2.0构建vue2.0单文件组件超级详细精简实例

npm init -y 初始化项目  //-y 为自动生成package.json,如果需要自行配置,去掉-y即可 安装各种依赖项 npm install --save vue 安装vue2.0 npm install --save-dev webpack webpack-dev-server 安装webpack以及webpack测试服务器 //默认安装最新版2.x版本 npm install --save-dev babel-core babel-loader babel-preset-es2

用webpack2.0构建vue2.0超详细精简版

初始化环境 npm init -y 初始化项目 安装各种依赖项 npm install --save vue 安装vue2.0 npm install --save-dev [email protected]^2.1.0-beta.25 [email protected]^2.1.0-beta.9 安装webpack以及webpack测试服务器,默认安装是1.0版本的,所以必须指定版本号 npm install --save-dev babel-core babel-loader babel-p

iOS程序执行顺序和UIViewController 的生命周期(整理)

说明:此文是自己的总结笔记,主要参考: iOS程序的启动执行顺序 AppDelegate 及 UIViewController 的生命周期 UIView的生命周期 言叶之庭.jpeg 一. iOS程序的启动执行顺序 程序启动顺序图 iOS启动原理图.png 具体执行流程 程序入口进入main函数,设置AppDelegate称为函数的代理 程序完成加载[AppDelegate application:didFinishLaunchingWithOptions:] 创建window窗口 程序被激活[

vue2.x生命周期

1. beforeCreate 在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用. 2. created 实例已经创建完成之后被调用.在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调.然而,挂载阶段还没开始,$el 属性目前不可见. 可以在组件的这个期间请求数据,如果是keep-alive组件会被缓存起来,生命周期不会再次触发,如果需要更新数据可以watch当前