Apakah perbezaan antara data dan prop dalam vuejs

Perbezaan antara data dan prop dalam vuejs: 1. Data tidak memerlukan pengguna (pembangun) untuk menghantar nilai dan mengekalkan sendiri prop memerlukan pengguna (pembangun) untuk menghantar nilai. 2. Data pada data boleh dibaca dan boleh ditulis manakala data pada prop hanya boleh dibaca dan tidak boleh ditugaskan semula.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Dalam proses menggunakan Vue.js, anda sering menghadapi data dan props. Mari kita terokai perbezaan antara keduanya hari ini.

data

• Jenis: Object | Function
• Objek data kejadian. Function akan menukar sifat
  kepada Vue secara rekursif, membenarkan sifat Vue bertindak balas terhadap perubahan data. Objek mestilah objek tulen (mengandungi sifar atau lebih pasangan data): objek asli yang dicipta oleh penyemak imbas getter/setter Sifat pada prototaip diabaikan. Secara kasarnya, data seharusnya hanya data - memerhati objek dengan gelagat stateful tidak disyorkan. key/valueContoh: APIdata
  

var data = { a: 1 }

// 直接创建一个实例
var vm = new Vue({
  data: data
})
vm.a // => 1
vm.$data === data // => true

// Vue.extend() 中 data 必须是函数
var Component = Vue.extend({
  data: function () {
    return { a: 1 }
  }
})

props

Jenis:

|

• Array<string> boleh menjadi tatasusunan atau objek, digunakan untuk menerima data daripada komponen induk. Object Boleh menjadi tatasusunan ringkas, atau gunakan objek sebaliknya, yang membenarkan mengkonfigurasi pilihan lanjutan seperti pengesanan jenis, pengesahan tersuai dan menetapkan nilai lalai.
  Contoh: propsprops
  

Perbezaan antara keduanya:

// 简单语法
Vue.component('props-demo-simple', {
  props: ['size', 'myMessage']
})

// 对象语法，提供验证
Vue.component('props-demo-advanced', {
  props: {
    // 检测类型
    height: Number,
    // 检测类型 + 其他验证
    age: {
      type: Number,
      default: 0,
      required: true,
      validator: function (value) {
        return value >= 0
      }
    }
  }
})

Perbezaan 1:

Tiada pengguna diperlukan ( Pembangun) lulus nilai dan mengekalkan diri mereka

dataMemerlukan pengguna (pembangun) untuk lulus nilai

Perbezaan 2: props

1 semuanya boleh dibaca Boleh Ditulis,

2. Data pada prop hanya boleh dibaca dan tidak boleh ditugaskan semula

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

Pelajari Pengaturcaraan

! !

Atas ialah kandungan terperinci Apakah perbezaan antara data dan prop dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!