javascript - 何时在 Vue HTML 变量中使用或不使用 $？

Question

我不太明白是否应该在 Vue HTML 变量中使用 $:

new Vue({
   data: {
      a: "myData"
   }
});

我必须使用:

 <h1>My value is {{ a }}</h1>

或

<h1>My value is {{ $a }}</h1>

有什么区别？以同样的方式，我读到:

{{ data }} 

和

{{ $data }}

谢谢。

Answer 1

您不需要使用 $(尽管您可以)。按照惯例，$ 表示特定于框架的属性。

如果只是尝试使用 {{ $a }} 它不会呈现任何内容，因为您还没有定义属性 $a。然而，这是完全可能的:

data () {
  return {
    $a: "myData"
  }
}

{{ $data }} 是 Vue 定义的此类属性的示例，指的是 data 对象本身。打印它，您将看到整个数据属性的字符串化(使用 JSON.stringify)结果:

{ "a": "myData" }