Vue，$ 是什么意思？答案

【问题标题】：Vue, what does $ means?Vue，$ 是什么意思？
【发布时间】：2019-08-29 08:52:21
【问题描述】：

我正在学习 Vue.js，但我不明白 $ 符号的作用。我使用 Laravel，我的意思是我没有使用 Vue-CLI。我去Vue文档的时候，很多文档都没有$。

例如，Programmatic Navigation 部分显示：router.push({ path: '/posts' })，但是当我在代码中执行此操作时，我必须执行 this.$router.push({ path: '/posts' });

提前致谢。

【问题讨论】：

标签： laravel vue.js vuejs2

【解决方案1】：

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

您可以通过the documentation了解更多信息。

【讨论】：

【解决方案2】：

$ 符号在 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>

从上面的sn-p可以看出我是通过this关键字在实例上使用$data属性来访问Vue实例正在观察的数据。

我希望这会有所帮助。谢谢，

【讨论】：

【解决方案3】：

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

【讨论】：