vueの中のdataがreturnで戻る原因を分析します。
公式サイトの例
コンポーネントは多重化可能な例であり、コンポーネントを参照すると、コンポーネントのdataは普通のオブジェクトであり、このコンポーネントを使用するすべてのデータは同じdataを参照すると、データ汚染を引き起こす。
データを関数としてパッケージ化した後、実際のコンポーネントの場合、データの汚染を避けるためにデータコピーをdata関数で生成しただけです。
PS:次はvueのdataがreturnを使うかどうかを見ます。
//答:returnパッケージを使わないデータはプロジェクトの大域で見られ、変数汚染を引き起こします。
// returnで包んだデータの変数は現在のコンポーネントだけで有効です。他のコンポーネントに影響しません。
締め括りをつける
以上述べたのは小编が皆さんに绍介したvueの中のdataがreturnで戻ってくる原因を分析しますので、皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
}
});
プロジェクトの書き方
data() {
return {
message: 'Hello'
}
}
なぜdataを関数にして、リセットするのですか?コンポーネントは多重化可能な例であり、コンポーネントを参照すると、コンポーネントのdataは普通のオブジェクトであり、このコンポーネントを使用するすべてのデータは同じdataを参照すると、データ汚染を引き起こす。
データを関数としてパッケージ化した後、実際のコンポーネントの場合、データの汚染を避けるためにデータコピーをdata関数で生成しただけです。
PS:次はvueのdataがreturnを使うかどうかを見ます。
// Vue data :
let app = newVue({
el: "#app",
data: { msg: '' },
methods: {}
})
// :
export default{
data(){
return{
showLogin:true,
msg:''
}
},
methods:{}
}
//なぜ大型プロジェクトでデータを返す必要があるのですか?//答:returnパッケージを使わないデータはプロジェクトの大域で見られ、変数汚染を引き起こします。
// returnで包んだデータの変数は現在のコンポーネントだけで有効です。他のコンポーネントに影響しません。
締め括りをつける
以上述べたのは小编が皆さんに绍介したvueの中のdataがreturnで戻ってくる原因を分析しますので、皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。