首頁  >  文章  >  web前端  >  分享一個vue全域配置的實例程式碼

分享一個vue全域配置的實例程式碼

零下一度
零下一度原創
2017-05-11 14:25:272066瀏覽

今天學習vue全域設定。希望幫助我們去了解vue的全域配置,快速開發。

Vue.config是vue的全域設定物件。包含Vue的所有全域屬性:

程式碼如下:

  1. 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 = [
    &#39;my-custom-web-component&#39;, &#39;another-web-component&#39;
    ]拼错组件名称,从而抛出一个关于Unknown custom element 
    keyCodes:{[ key:string]:number | Array <number>} (默认是{})用法:Vue.config.keyCodes = { v:86, F1:112,mediaPlayPause:179,up:[38,87]} 这个多半伴随v-on 自定义键位别名。
##【相關推薦】

#1. 

#免費h5線上影片教學

2. 

HTML5 完整版手冊

3. 

php.cn原始html5影片教學#

以上是分享一個vue全域配置的實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn