Vue.js/コンポーネント/データ

Vue.js/コンポーネント/データ

基本的にはコンストラクタで渡すモノと同じなのだがコンポーネントという性質上少しだけ違う部分がある。

Vue のコンストラクタではこのように書いていた部分が

var vm = new Vue({
    data: {
        hoge: "ほげ"
    }
});

コンポーネントではこうなる

var vm = new Vue({
    data: function(){
        return {
            hoge: "ほげ"
        };
    }
});

オブジェクトそのものではなく、オブジェクトを返す関数を設定する。

コンポーネントは雛形で、タグの記述によって何度も new されるという性質上、同一のオブジェクトを参照されると、大体の場合によって意図した結果ではなくなるということである。

javascript/vuejs/component/data.txt · 最終更新: by ore