当前位置: 首页 > article >正文

vue当中的$使用方法

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

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

  1. 选项式 API(Options API)

    • 通过定义 Vue 实例的选项对象(如 datamethodscomputed 等)来创建组件。
    • 访问 $ 前缀的属性和方法时,通常在 this 上下文中进行。
    // Vue 2.x 中的选项式 API 示例
    new Vue({
         
        el: '#app',
        data() {
         
            return {
         
                message: 'Hello Vue!'
            };
        },
        methods: {
         
            greet() {
         
                // 使用 this.$ 表达式访问属性
                alert(this.message);
            }
        },
        mounted()

http://www.kler.cn/a/375808.html

相关文章:

  • 基于Transformer的路径规划 - 第五篇 GPT生成策略_解码方法优化
  • 开源模型应用落地-Qwen2.5-7B-Instruct与TGI实现推理加速
  • CSGO: Content-Style Composition in Text-to-Image Generation(代码的复现)
  • 【动手学强化学习】part6-策略梯度算法
  • 手动搭建koa+ts项目框架(node开发配置环境变量)
  • R语言机器学习与临床预测模型79--机器学习总览
  • leetcode71:简化路径
  • uniapp开发小程序【简单的实现点击下拉选择性别功能】
  • c++11(下篇)
  • Node.js 发展史
  • 3.2 页面异常-2
  • Redis读性能慢问题排查和调优
  • PAT甲级-1133 Splitting A Linked List
  • Chromium 中chrome.topSites扩展接口定义c++
  • Unity中有什么情况下是需要用UniTask替代其他异步方式的吗?
  • kdd比赛方案
  • C++【string的模拟实现】
  • Llama 3.2 Vision Molmo:多模态开源生态系统基础
  • 《双指针篇》---移动零
  • 「Mac畅玩鸿蒙与硬件20」鸿蒙UI组件篇10 - Canvas 组件自定义绘图
  • Spring Boot 与 Vue 共筑电影院选票新体验
  • Kong Gateway 指南
  • HTML 基础标签——链接标签 <a> 和 <iframe>
  • Javaweb 实验4 xml
  • 国内百家SRC平台
  • 20241102解决荣品PRO-RK3566开发板刷Rockchip原厂的Buildroot使用荣品的DTS出现