关于 Vue

1、数据双向绑定

  什么叫双向绑定呢 ,比如  在input上赋值为 obj.name , 当改变 obj.name 的时候 input 上的值也回随之改变。 同样, 如果input 上手动输入一些值, obj.name 也会随之改变。

  如何实现呢?

2、组件的生命周期

   new  Vue ( )     beforeCreate------>  组件实例刚刚被创建,组件属性计算之前,如data属性                              即 此时  el 和 data 并未初始化

                    Created------>   组件实例创建完成,属性已绑定,但DOM还未生成,$el  属性还不存在       完成了 data 数据的初始化,el没有

                  beforeMounted ------->  模板编译/挂载之前                        完成了 el 和 data 初始化

           mounted       -------->   模板编译挂在之后                        完成了 el 和 data 初始化

         beforeUpdate  ------->   组件更新之前

         beforeUpdate ------->   组件更新之后

          beforeDestroy  --------->  组件销毁前调用

          destoryed   --------->  组件销毁后调用

3、 vue-router  的导航钩子

  vue-router 导航钩子主要是可以用来做 登录拦截, 分为全局、单个路由独享、组件级的    

    全局有一个: router.beforeEach()

  某个路由独享:在path 和 componet  后面加上 beforeEnter(to,from,next)   

  组件内有 

  • beforeRouteEnter                         (不能获得组件实例---)
  • beforeRouteUpdate   (2.2 新增)   路由改变,但是该组件被复用的时候调用  (/foo/1 切换到 /foo/2 时候 跳转   , 写博客的时候 这个很好用!)  ,可以访问this
  • beforeRouteLeave     导航离开该组件的时候调用,当然可以调用this 了                   

   

        

  

原文地址:https://www.cnblogs.com/wanonder/p/7492132.html