• 关于 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 了                   

       

            

      

  • 相关阅读:
    TClientDataSet[6]: 读取 TClientDataSet 中的图片数据
    TClientDataSet[2]: Data、XMLData
    TClientDataSet[5]: 读取数据
    TClientDataSet[1]: 浏览测试数据
    TClientDataSet[3]: 手动建立数据集
    从哪查找当前程序所有可用的环境变量?
    使用多窗体时, 关于节约内存和加快启动速度的思考与尝试
    一句话获取文件的最新修改时间
    用 SuperObject 解析淘宝上的 Json 数据 回复 "macrolen" 的问题
    “生气”的经典解释
  • 原文地址:https://www.cnblogs.com/wanonder/p/7492132.html
Copyright © 2020-2023  润新知