在vue3上挂载方法,以及在页面中使用setup语法糖 该怎么使用原型(公共)上的方法

js 复制代码
//新建的项目的main.js文件是这样的
//main.js 文件
//befor
import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);
app.mount('#app');

以下例子用于解释在vue3.0的main.js中挂载公共的方法(foo)

js 复制代码
//main.js 文件
//after
import { createApp } from 'vue';
import App from './App.vue';
import foo from '@/foo';

const app = createApp(App);
app.config.globalProperties.$foo = foo;

//有些三方包是需要use的,要具体去看对应的文档,自己写的则不需要这个 我的vue是3.0.0 vue-cli是4.5.0 下测可不加
//app.use(foo);
app.mount('#app');

在页面中使用,这里只针对使用了setup语法糖的使用者

js 复制代码
<templant>  
  <div></div>
</templant>

<script setup>

import { getCurrentInstance } from 'vue';
const { proxy } = getCurrentInstance ();
proxy.$foo()

</script>
相关推荐
凌涘8 分钟前
依托 BEM 规范深度剖析 WeUI 微信按钮组件开发与实现
前端·微信
不好听6139 分钟前
Node.js 工程化开发流程 — 知识点总结
javascript·node.js
小KK_11 分钟前
CSS浮动布局指南:从文档流到BFC
前端·css·html
ZengLiangYi32 分钟前
sql.js WASM 深度解析
javascript·数据库·后端
Hommy8839 分钟前
【剪映小助手】音频处理接口
前端·音视频·剪映小助手·视频剪辑自动化
KaMeidebaby44 分钟前
卡梅德生物技术快报|蛋白翻译后修饰:YAP/TAZ 分子调控机制与靶向干预技术
前端·人工智能·物联网·百度·新浪微博
JustHappy1 小时前
古法编程秘籍(三):为什么需要函数?因为程序员讨厌重复劳动
前端·javascript·后端
一 乐1 小时前
人口老龄化社区服务与管理平台|基于springboot+vue的人口老龄化社区服务与管理平台(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·人口老龄化社区服务与管理平台
weixin_397574091 小时前
AgentRAG与ReAct推理链:从检索增强到推理增强
前端·react.js·前端框架
想要狠赚笔的小燕1 小时前
vue项目的入口文件是什么 main.js还是index.html,他俩有啥区别
前端·javascript