vue 2.0中的一些变化

vue生命周期

beforeCreated   组件实例刚刚被创建
created         实例创建完成
beforeMount     模板编译之前  
mounted         模板编译之后*
beforeUpdate    组件更新之前
updated         组件更新完毕*
beforeDestory   组件销毁之前
destory         组件销毁之后
---

vue循环

* v-for="value in list"
    {{value}}
    也可以默认添加重复数据
* v-for="(value,index) in list"
    第一个值为value
    第二个为index
* track-by="$index" ==> :key="index"
    提高信息

自定义键盘信息

* vue 1.0
    Vue.directive('on').keyCodes.ctrl =13               
* vue 2.0
    Vue.config.keyCodes.ctrl = 17

过滤器

* 内置的过滤器全部删除
* 使用自定义过滤器

---lodash 工具库
* 自定义过滤器
    Vue.filter('tofo',function(s,r){
        
    }); 
    {{number | tofo('12',"ss")}}    

组件通信

vm.$emit
vm.$on

• 子组件想拿到父组件的数据
  通过 props
  -* 2.0中不支持子组件(直接)修改父组件中的数据
  现在想同步更改数据？
  a).父组件给子组件传递的时候传递一个数据的时候传递一个对象 {obj}
  给子组件绑定一个 :msg='json'
  然后组件components 中使用 props:['json'] 进行获取
  获取以后就可以对json中的数据进行更改了

可以单一事件管理组件通信

2.0中的动画

    运动东西(元素，属性、路由....)

class定义:
.fade-enter{} //初始状态
.fade-enter-active{} //变化成什么样 -> 当元素出来(显示)

.fade-leave{}
.fade-leave-active{} //变成成什么样 -> 当元素离开(消失)

配合animate.css的使用

多个元素一块运动

vue-router 2.0

vue-router-中文网

        

            主页
            新闻