Vue，$是什么意思？

Question

我正在学习Vue.js，但我不了解这些$符号的作用。我正在使用Laravel，我的意思是我没有在使用Vue-CLI。当我转到Vue文档时，很多文档都没有$。

例如，“程序化导航”部分说：router.push({ path: '/posts' })，但是当我在代码中这样做时，我必须做this.$router.push({ path: '/posts' });

提前致谢。

Answer 1

在Vue中，$表示您正在使用Vue实例属性或Vue实例方法。

您可以在文档中了解更多信息。

Answer 2

$ 来区分 vue 实例属性和用户定义的属性。

Answer 3

该$符号在 Vue 中用作 Vue 实例上的属性名称的前缀。这有助于避免开发人员注入 Vue 原型的 Vue 实例属性覆盖现有属性。本质上，它将 Vue 实例属性与您或其他库开发人员可能注入 Vue 实例的属性区分开来。

例如。要访问数据的Vue的实例观察，你可以使用：vm.$data。假设您将 Vue 实例分配给一个名为vm.

上述的替代方案，如果您在 SFC（单一文件组件）中，您可以使用this关键字访问这些实例。像这样：

<script>
  export default {
    name: 'mySFCComponentName',
   data() {
     return {
       myData: [1, 2, 3]
    }
   },
  mounted() {
   console.log(this.$data)
  }
 }
</script>

从上面的代码片段中，您可以看到我$data通过this关键字使用实例上的属性来访问 Vue 实例正在监视的数据。

我希望这有帮助。谢谢，