errorHandler |
Function |
undefined |
app.config.errorHandler=(err,vm,info)=>{//info 是Vue特定的错误信息,比如错误所在的生命周期钩子} |
指定一个处理函数,来处理组件渲染函数和侦听执行期间抛出的未捕获错误。这个处理函数被调用时,可获取错误信息和相应的应用实例。 |
warnHandler |
Function |
undefined |
app.config.warnHandler=function(msg,vm,trace){//'trace'是组件的继承关系追踪} |
为Vue的运行时警告指定一个自定义处理函数。注意这只会在开发环境下生效,在生产环境下它会被忽略。 |
globalProperties |
[key:string]:any |
undefined |
app.config.globalProperties.foo='bar' app.component('child-component',{mounted(){console.log(this.foo)//'bar'}}) |
添加一个可以在应用的任何组件实例中访问的全局property。组件的property在命名冲突时具有优先权。这可以代替vue2.x的Vue.prototype扩展 |
optionMergeStrategies |
{[key:string]:Function} |
{} |
const app = createApp({mounted(){console.log(this.$options.hello)}}) app.config.optionMergeStrategies.hello=(parent,child)=>{return Hello,${child}} app.mixin({hello:'Vue'}) // 'Hello, Vue' |
为自定义选项定义合并策略。合并策略选项分别接收在父实例和子实例上定义的选项值作为第一个和第二个参数。 |
performance |
boolean |
false |
设置为true以在浏览器开发工具的performance/timeline面板中启用对组件初始化、编译、渲染和更新的性能追踪。 |
只适用于开发模式和支持performance.mark API的浏览器。 |
compilerOptions |
Object |
|
配置运行时编译器的选项。 |
设置在这个对象上的值将会被传入浏览器内的模板编译器,并影响配置过的应用内的每个组件。注意,你也可以使用compilerOptions选项在每个组件的基础上复写这些选项。 |
compilerOptions.isCustomElement |
(tag:string)=>boolean |
undefined |
//任何以‘ion-’开头的元素都会被识别为自定义元素 app.config.comilerOptions.isCustomElement = tag=>tag.startsWith('ion-') |
指定一个方法来识别Vue以外(例如通过Web Components API)定义的自定义元素。如果一个组件匹配了这个条件,他就不需要在本地或全局注册,Vue也不会抛出Unknown custom element的警告。 注意所有的原生 HTML 和 SVG 标记都不需要被这个函数匹配——Vue 的解析器会自动进行这项检查。 |
compilerOptions.whitespace |
'condense'|'preserve' |
'condense' |
app.config.compilerOptions.whitespace='preserve' |
默认情况下,Vue会移除/压缩模板元素之间的空格以生产更高效的编译效果:1.元素内的多个开头/结尾空格会被压缩成一个空格 2.元素之间的包括折行在内的多个空格会被移除3.文本节点之间可被压缩的空格都会被压缩成为一个空格 将值设置为'preserve'可以禁用(2)和(3)。 |
compilerOptions.delimiters |
Array |
['{{', '}}'] |
//将分隔符设置为ES6模板字符串风格 app.config.compilerOptions.delimiters=['${', '}'] |
用于配置模板内文本插值的分隔符。这个选项一般会用于避免和同样使用双大括号语法的服务端框架发生冲突。 |
compilerOptions.comments |
boolean |
false |
app.config.compilerOptions.comments = true |
默认情况下,Vue会在生产环境下移除模板内的HTML注释。将这个选项设置为true可以强制Vue在生产环境下保留注释。而在开发环境下注释始终被保留的。这个选项一般会用于依赖HTML注释的其它库和Vue配合使用。 |