Vue3.0使用prototype挂载全局方法或属性

Vue3.0将Vue.prototype 替换为 app.config.globalProperties :应用程序内的任何组件实例中访问的全局 property。属性名冲突时,组件的 property 将具有优先权。

通过getCurrentInstance()方法使用

举个例子

main.js

const app = createApp(App);

app.config.globalProperties.$filters = (v)=>(console.log(v));

组件内

<template>
     <div class="btn-sure">{{ $filters(v) }}</div>
</template>

import { getCurrentInstance } from "vue";
setup () {
   const $filters = getCurrentInstance().appContext.config.globalProperties.$filters;
}
vuejs
52 views
Comments
登录后评论
Sign In