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で戻ってくる原因を分析しますので、皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。