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
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
data()是一个响应式对象。 Vue 正在监视它的更改，并且如果data()返回的对象中声明的任何值发生更改，Vue 将更新使用它的所有位置（计算） >、方法, templat).Apa-apa sahaja yang diletakkan di bawah Istiharkan sifat tersuai pada eksport asas Vue (dalam contoh
var_b）无效。应用程序不会出错，但您在this.(atau dalam templat)) tidak akan tersediaJika anda ingin membaca pemalar mudah semasa menyelesaikan komponen dan tidak mengambil berat tentang Vue memerhatikannya untuk perubahan, letakkan ia dalam akar
:const b = 10 export default { data: () => ({ a: 5 }), computed: { c() { return this.a * b } } }Setiap kali anda menukar nilai semasa
a时，c都会自动成为this.a*b.