vue3 如何设置全局属性
项目开发中,由于组件的模块化,会产生需要公共属性的情况,需要从父组件传递到子组件,可以通过以下方式来自定义公共属性,所有的子组件都可以获取到。
父组件的main.ts中进行以下设置:
let app = createApp(App);
app.config.globalProperties.$mode='test';
app.mount('#app');
在子组件son.ts中使用:
export default{setup(){const ins=getCurrentInstance();const mode= ins.proxy.$.appContext.config.globalProperties?.$mode}
}
在子组件son的标签中可以直接使用:
<input v-show="$mode=='test'" ></input>