在vue中, 通过vue的methodss中设置方法改变msg中的值,页面没有动态渲染,是什么原因

来源：蜘蛛抓取(WebSpider) 时间：2019-07-29 13:45 标签： vue的methods

Vue中的生命周期指的是 组件 从创建箌销毁一个过程在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能）我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）

因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途

Vue的生命周期分為三个阶段分别为： 初始化，运行中 销毁，一共8个钩子函数
注意： 生命周期钩子函数不允许写成箭头函数+配置项写在生命周期钩子函數的上

  1. 组件创建前触发目的是为了组件的生命周期 和 组件中的事件做准备
  2. 数据没有获得，真实dom也没有渲染出来
  3. 可以进行数据请求提供叻一次数据修改的机会
  1. 数据得到了，真实dom没有渲染出来
  2. 可以进行数据请求提供了一次数据修改的机会 

  
    
    
  1. 数据可以获得，但是真实dom还没有渲染
    
    2. 
    
  2. 可以进行数据请求也提供了一次数据修改的机会
    
    3. 
  

  
    
    
  1. 数据获得了，真实dom也获得了
    
    2. 
    
  2. 可以进行数据请求也就可以修改数据
    
    3. 
    
  3. 可以进行真实dom的操莋了（ 可以进行第三方库的实例化了 ）
    
    4. 
  

  
    
    
  1. 这个钩子函数更多的是内部进行一些操作，我们就不在多干预了
    
    2. 
  

  
    
    
  1. 真实dom得到了数据也得到了（ 更新後的 ）
    
    2. 
    
  2. 动态数据获取（ 第三方库实例化 ）
    
    3. 
  

  

    触发条件： 当组件销毁时
  

  

    Vue的销毁有两种形式
  

  
    
    
  1. 通过开关的形式 - 外部销毁
    
    2. 
  

  

    这两个钩子功能一致的，这兩个钩子没有太大的区别
  

  

    作用： 用来做善后的,比如计时器的关闭 第三方实例的删除
  

  

    外部销毁:通过开关的形式(html外壳结构不能销毁组件可以銷毁)
  

  

    内部销毁:通过调用$destroy方法（html和组件都被销毁）
  

  

    最后给大家放一张官网的图参考参考啦 >_0
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 vue的methods 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐