Apakah gunanya sifat kelas berkod keras dalam API Pilihan Vue/?
Adakah ada gunanya menentukan sifat seperti var_B apabila menggunakan API Pilihan Vue? Mereka tidak boleh diakses semasa menentukan kaedah atau dalam teg templat. Saya tahu saya boleh menentukan pembolehubah dalam data() untuk tujuan ini, tetapi saya ingin tahu sebab Vue membenarkan ini dan jika terdapat kes penggunaan sebenar
<script>
export default {
var_B: 10, // WHY DEFINE PROPERTIES HERE AT ALL?
data() {
return {
var_A: 9,
};
},
methods: {
double() {
this.var_A = this.var_A * var_B;
// causes 9 x undefined = NaN
},
},
};
</script>
<template lang="">
<div>Variable A: {{ var_A }}</div> <!-- 9 -->
<div>Variable B: {{ var_B }}</div> <!-- undefined -->
<button @click="double">Try to Double var_A</button>
</template>
Saya cuba menggunakan atribut kelas berkod keras di dalam teg templat dan kaedah dalam tetapi tidak berjaya
