vue当中的$使用方法

在 Vue 中，$ 符号通常用作实例属性的前缀，表示某些特殊的属性和方法。这些属性和方法可以通过 this.$ 来访问。以下是对 Vue 2 和 Vue 3 中 $ 的使用规则的详细解释，包括组件式和选项式 API 的区别，以及在 main.js 中如何定义可以被 $ 应用的内容。

一、组件式 API 和选项式 API 的区别

1. 选项式 API（Options API）

   • 通过定义 Vue 实例的选项对象（如 data、methods、computed 等）来创建组件。
   • 访问 $ 前缀的属性和方法时，通常在 this 上下文中进行。

   // Vue 2.x 中的选项式 API 示例
   new Vue({
        
       el: '#app',
       data() {
        
           return {
        
               message: 'Hello Vue!'
           };
       },
       methods: {
        
           greet() {
        
               // 使用 this.$ 表达式访问属性
               alert(this.message);
           }
       },
       mounted()