[随笔一记]Vue3中，全局自定义属性的调用

//首先我们得在main.js里面声明我们要挂载的属性或者方法

app.config.globalProperties.$say= 'one！two！'

//接着我们进入组件

在js代码中使用

//首先从‘vue’中导入'getCurrentInstance'方法

import { getCurrentInstance } from 'vue'

//然后我们进入setup内部

setup(){

//结构可以获得proxy

 const { proxy } = getCurrentInstance()

//接着我们就可以proxy.$xxx 来调用我们的属性了

console.log(proxy.$say);

}

在模板内容中使用

在模板内容中使用就不用那么麻烦，在main.js里面定义完了之后，就可以再模板中用{{$xxx}}来使用，使内容呈现在页面中

//例如使用上面得字符串say

<template> 

<h2>跟我说：{{$say}}</h2>

</template>

//内容上呈现的就是

跟我说：one！two！