vue1.0和vue2.0区别

  1. vue2.0组件模板不支持片段 必须在一个根标签中
  2. 关于组件的定义1.0: Vue.extend 2.0:Vue.component(组件名称,{
    data(){},
    methods:{}
    })
  3. 生命周期
    vue1.0
    init 组件实例刚被创建 空的
    created 实例已经被创建 也已经有属性 但是dom还没有渲染
    beforeCompile 模板编译之前
    compiled 模板编译完
    reday
    beforeDestory 销毁之前
    destoryed 销毁
    vue2.0
    beforeCreate实例刚刚被创建 属性还没有
    created 实例已经创建完成 有属性 但是dom还没有渲染
    beforeMount 模板编译之前
    mounted 模板编译完成 代替之前的ready
    beforeUpdate 组件更新之前
    updated 组价更新完毕
    beforeDestory 销毁之前
    destoryed 销毁之后
    4.循环
    1.0中 如果想循环遍历重复的数据需要在标签中加入track-by=“$index”
    2.0中 默认就可以添加重复的数据
  4. {{val}} {{index}}
  5. 5.自定义键盘指令
    1.0: Vue.directive(‘on’).keyCodes.f1 = 112;
    2.0: Vue.config.keyCodes.ctrl =17
    6.过滤器
    1.0:系统自带很多过滤器
    {{msg | currency}}
    {{mag | json}}
    2.0 : 内置过滤器 全部删除了 但是有工具库 lodash
    自定义过滤器没有变Vue.filter(‘haha’,function(){
    }),但是传参改变了 之前{{msg | haha ‘12’ ‘5’}} 现在{{msg | haha(‘12’,’5’)}}
    7.路由
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值