实例方法(25)

2018-03-09  本文已影响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更新完后我被调用了');
        })
    }
上一篇 下一篇

猜你喜欢

热点阅读