vue全局配置----小白基礎篇

今天學習vue全局配置。希望幫助我們去了解vue的全局配置，快速開發。

Vue.config是vue的全局配置對象。包含Vue的所有全局屬性：

1. silent:boolean(默認值：false)----取消Vue的所有的日志與警告 ；用法：Vue.config.silent = true
2. optionMergeStrategies：{[key:string]:Function}(默認是空對象{}）
   vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {
   return child + 1
   }
    自定義合並策略的選項：接受第一個參數是父實例，第二個參數實例為子實例，第三個參數是Vue實例上下文
   const Profile = Vue.extend({
   _my_option: 1
   })
3.  

    devtools:boolean(默認是true,生成版為false) 用法：Vue.config.devtools = true 配置是否允許vue-devtools檢查代碼。開發版本默認為：true ,生產為false

4. errorHandler:Funtion （默認值是默認拋出錯誤）用法：
   Vue.config.errorHandler = function (err, vm) {
   // handle error
   }在指定組件的渲染和觀察期間未捕獲錯誤的處理函數。這個處理函數被調用時，可以獲取錯誤信息和vue實例
5. ignoredELements:array<string>（默認是【】）用法：
   Vue.config.ignoredElements = [
   'my-custom-web-component', 'another-web-component'
   ]拼錯組件名稱，從而拋出一個關於Unknown custom element 
6. keyCodes:{[ key:string]:number | Array <number>} (默認是{}）用法：Vue.config.keyCodes = { v:86, F1:112,mediaPlayPause:179,up:[38,87]} 這個多半伴隨v-on 自定義鍵位別名。

 

本文參考vue官網：vue