在vue3上挂载方法,以及在页面中使用setup语法糖 该怎么使用原型(公共)上的方法
2024-01-09 16:43:40
//新建的项目的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)
//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语法糖的使用者
<templant>
<div></div>
</templant>
<script setup>
import { getCurrentInstance } from 'vue';
const { proxy } = getCurrentInstance ();
proxy.$foo()
</script>
文章来源:https://blog.csdn.net/sisuiban/article/details/135481878
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!