美文网首页
实例方法(25)

实例方法(25)

作者: 小囧兔 | 来源:发表于2018-03-09 09:11 被阅读0次

    一、$mount方法

    $mount方法是用来挂载扩展的

      var li=Vue.extend({
            template:`<p>{{msg}}</p>`,
            data:function() {
                return {
                    msg: "hello"
                }
            },
      var vm=new li();
        vm.$mount("h2");
    

    把做的li扩展挂载到h2

    二、$destroy() 卸载方法

    用$destroy()进行卸载

     var li=Vue.extend({
            template:`<p>{{msg}}</p>`,
            data:function() {
                return {
                    msg: "hello"
                }
            },
            destroyed:function(){
                console.log("已经被卸载了")
            }
        });
    
      var vm=new li();
      function destroy(){
            vm.$destroy();
        }
    

    三、$forceUpdate() 更新方法

    function reload(){
            vm.$forceUpdate();
        }
    
    

    四、$nextTick() 数据修改方法

    当Vue构造器里的data值被修改完成后会调用这个方法,也相当于一个钩子函数吧,和构造器里的updated生命周期很像。

     function tick(){
            vm.msg="update message info ";
            vm.$nextTick(function(){
                console.log('message更新完后我被调用了');
            })
        }
    

    相关文章

      网友评论

          本文标题:实例方法(25)

          本文链接:https://www.haomeiwen.com/subject/cocrfftx.html