HTML5技术

vue全局配置----小白基础篇 - 星光笔

字号+ 作者:H5之家 来源:H5之家 2017-04-28 08:04 我要评论( )

今天学习vue全局配置。希望帮助我们去了解vue的全局配置,快速开发。 Vue.config是vue的全局配置对象。包含Vue的所有全局属性: silent:boolean(默认值:false)----取消Vue的所有的日志与警告 ;用法:Vue.config.silent = true optionMergeStrategies:{[ke

今天学习vue全局配置。希望帮助我们去了解vue的全局配置,快速开发。

Vue.config是vue的全局配置对象。包含Vue的所有全局属性:

  • silent:boolean(默认值:false)----取消Vue的所有的日志与警告 ;用法:Vue.config.silent = true
  • optionMergeStrategies:{[key:string]:Function}(默认是空对象{})

    vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {

    return child + 1

    }

     自定义合并策略的选项:接受第一个参数是父实例,第二个参数实例为子实例,第三个参数是Vue实例上下文

    const Profile = Vue.extend({

    _my_option: 1

    })

  •  

     devtools:boolean(默认是true,生成版为false) 用法:Vue.config.devtools = true 配置是否允许vue-devtools检查代码。开发版本默认为:true ,生产为false

  • errorHandler:Funtion (默认值是默认抛出错误)用法:

    Vue.config.errorHandler = function (err, vm) {

    // handle error

    }在指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可以获取错误信息和vue实例

  • ignoredELements:array<string>(默认是【】)用法:

    Vue.config.ignoredElements = [

    'my-custom-web-component', 'another-web-component'

    ]拼错组件名称,从而抛出一个关于Unknown custom element 

  • keyCodes:{[ key:string]:number | Array <number>} (默认是{})用法:Vue.config.keyCodes = { v:86, F1:112,mediaPlayPause:179,up:[38,87]} 这个多半伴随v-on 自定义键位别名。
  •  

    本文参考vue官网:

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • Html5 基础----列表详述 - songqiaoli

      Html5 基础----列表详述 - songqiaoli

      2017-03-08 18:00

    • 一起来玩echarts系列(二)------echarts图表自适应问题 - 谦一

      一起来玩echarts系列(二)------echarts图表自适应问题 - 谦一

      2017-01-14 09:04

    • ASP.NET Core MVC 配置全局路由前缀 - Savorboard

      ASP.NET Core MVC 配置全局路由前缀 - Savorboard

      2016-09-25 11:00

    • 数据库高可用实战案例-------架构优化之清爽一夏 - Double_K

      数据库高可用实战案例-------架构优化之清爽一夏 - Double_K

      2016-09-01 13:00

    网友点评