在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>
相关推荐
陈随易2 小时前
Postman 被曝自动往 Claude Code 和 Codex 装插件
前端·后端·程序员
Dream-Y.ocean4 小时前
鸿蒙PC平台宅匠 3D 室内设计适配实战:基于 Electron 壳方案的 Three.js 双渲染引擎与参数化户型编辑器开发
javascript·3d·harmonyos
Csvn5 小时前
性能监控
前端
Highcharts.js5 小时前
Highcharts Gantt使用符号的自定义数据标签开发甘特图示例
javascript·甘特图·highcharts·图表开发·实战代码·响应式图表
Csvn5 小时前
构建工具
前端
FRing035 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
Java小卷6 小时前
JuanForm vs FormCreate!Vue3 表单引擎联动配置 PK!
vue.js·低代码
kyriewen8 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
IT_陈寒8 小时前
当Java的hashCode遇上Lombok,我的缓存被全清了
前端·人工智能·后端
工控丫丫8 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库