Skip to main content
3 / 4
本文から 1 文字削除

this.$watchとwatchの違いについて

Vue.jsを勉強している初心者プログラマです、

watchとthis.$watchの違いについて理解ができなかったのですが、
以下の私が記載した二つのソースが同じ動きをするという解釈でよろしかったでしょうか。

テキストなどで調べているのですが、よくわからず、要するにこうなのか、という自分の解釈がピンポイントで説明されている場所を見つける事が出来ませんでした。

下のfugaについては見やすくするために設置しているだけで、特に意味はないです。

data: {
    list: "hoge",
},
methods:{
    fuga: function(){
        //処理
    }
},
watch:{
    list:{
        handler: function(newVal, oldVal){
            //書きたい処理を書く
        }
    }
}

data: {
    list: "hoge",
},
methods:{
    fuga: function(){
        //処理
    },
    handler: function(){
        this.$watch('list', function(newVal, oldVal){
            //書きたい処理を書く
        }
    }
}

ご教授よろしくお願いします。