今天學習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 自定義鍵位別名。
【相關推薦】
1. 免費h5在線視頻教程
2. HTML5 完整版手冊
3. php.cn原創html5視頻教程