Vue，$ 是啥意思？

Posted 2023-02-22

【中文标题】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' );

提前致谢。

【参考方案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 实例属性和用户定义的属性。