Vue3新语法-prototype与globalProperties

[ Vue(2+3) ] 

在 vue2 中, 如果想给项目添加全局方法, 一般会通过

1
2
3
4
5
6
7

function instance() {}

export default {
  install: function () {
    Vue.prototype.$alert = instance;
  },
};

prototype在 vue3 中已经被彻底弃用了, 官方添加了新的 API 来实现:

1
2
3
4
5
6
7

function instance() {}

export default {
  install: function () {
    app.config.globalProperties.$message = instance;
  },
};

其他

实际上, 除了property被替换之外, 还有一部分 API 使用了新的语法, 比如:

app.config.errorHandler代替了Vue.config.errorHandler, 用来捕获组件渲染器,事件处理器 ,生命周期钩子,setup() 函数,侦听器,自定义指令钩子,过渡 (Transition) 钩子中产生的"未捕获异常"

app.config.warnHandler代替了Vue.config.warnHandler, 用来捕获 Vue"开发过程中"产生的警告

app.config.performance代替了Vue.config.performance用来在浏览器开发工具的“性能/时间线”页中启用对组件初始化、编译、渲染和修补的性能表现追踪

app.config.optionMergeStrategies代替了Vue.config.optionMergeStrategies用来设置 mixin 事件中的合并策略