• vue3中app应用配置的所有属性


    属性 类型 默认 用法 描述
    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配合使用。
  • 相关阅读:
    Java
    maven打包
    maven
    memset用法祥解
    HTML5 canvas save和restore方法讲解
    修复无线链接时断时连
    VirtualBox内Linux系统怎样与Windows共享文件夹
    Ubuntu默认密码,及其修改
    mysql中char与varchar的区别分析
    javax.servlet包介绍
  • 原文地址:https://www.cnblogs.com/huayang1995/p/15924612.html
Copyright © 2020-2023  润新知