vue1.0和vue2.0区别

来源:互联网 发布:淘宝网蚊帐宫廷蚊帐 编辑:程序博客网 时间:2024/05/20 05:53
  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
原创粉丝点击